[Resolvido] Marker do google maps fixo movimentando o mapa

[Mayron Cachina 1]

Olá pessoal, alguém já viu algo nesse estilo?

 

Um marker do google maps fixo em um ponto (digamos no meio da tela) e ao passar o mapa ele não se movimenta?

Já vi isso no aplicativo easy taxi... mais não estou conseguindo fazer...

alguém?

[Mayron Cachina 1]

Consegui resolver o problema, fica ai a dica:

 

$('#map_canvas').gmap({'center': yourStartLatLng, 'zoom':13});


$('#map_canvas').gmap('addMarker', { 
					'id':'destino',
					'mak':'destino',
					'position': '-5.8306831005855475,-35.21387124340822',
					'draggable':true,

                                        ), 
		});			

		//Pega o Mapa - REMOVA PARA SAIR DO MEIO
		var map = $('#map_canvas').gmap('get', 'map')
		$(map).dragend(function() {

			$('#map_canvas').gmap('find', 'markers', { }, function(marker) {
			    if(marker.id == 'destino'){
					marker.setPosition(new google.maps.LatLng(map.getCenter().lat(), map.getCenter().lng()));
				}
			});

		});

 

Estou utilizando o plugin jquery.ui.map

[João Marques Jr 0]

Cara, tou querendo fazer do mesmo jeito, mais sou iniciante ainda. Da prá dar uma ajuda aqui? Não tou usando jquery UI e sim um Geolocation comum da API Google Maps, ai queria qnd o cliente fosse localizado pelo GPS em seguida poderia fazer ajustes na sua localização movendo o mapa e o Marker ficasse fixo.

 

<script>

 function initialize_map()
{
   var myOptions = {
       zoom: 4,
       mapTypeControl: true,
       draggable: true,
       mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
       navigationControl: true,
       navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
       mapTypeId: google.maps.MapTypeId.ROADMAP      
     } 
 map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

}
function initialize()
{
 if(geo_position_js.init())
 {
   document.getElementById('ac-1').value="Receiving...";
   geo_position_js.getCurrentPosition(show_position,function(){document.getElementById('current').innerHTML="Couldn't get location"},{enableHighAccuracy:true});
 }
 else
 {
   document.getElementById('ac-1').value="Função não disponível";
 }
}

function show_position(p)
{ 
 document.getElementById('ac-1').value=""+p.coords.latitude+", "+p.coords.longitude;
 var pos=new google.maps.LatLng(p.coords.latitude,p.coords.longitude);
 map.setCenter(pos);
 map.setZoom(16);

 var infowindow = new google.maps.InfoWindow({
     content: "<strong>yes</strong>"
 });

 var marker = new google.maps.Marker({
     position: pos,
     map: map,   
     title:"Você está aqui."
 });


 google.maps.event.addListener(marker, 'click', function() {
   infowindow.open(map,marker);
 });

}

</script>