Comment centrer le nouveau marqueur google maps

Question

J'ai cette fonction qui ajoute le nouveau marqueur aux google maps.

Mais le centre ne fonctionne pas. Un conseil?

function addMarker(lat, lng, name){ 
    new google.maps.Marker({ 
     map: map, 
     icon: image, 
     position: new google.maps.LatLng(lat, lng), 
     title: name, 
     center: new google.maps.LatLng(lat, lng), 
     zoom: 6 
    }); 
} 

Mais center ne fonctionne pas.

Answer 1

Lorsque vous créez un nouvel objet marqueur via l'API Google Maps, vous pouvez appeler setCenter de l'objet carte fonction, en passant dans la position du marqueur:

map.setCenter(marker.position); 

Cela devrait centrer la carte sur le marqueur.

Si vous souhaitez animer le processus, utilisez panTo à la place:

map.panTo(marker.position); 

Il convient également de noter que les center et zoom propriétés que vous essayez de mettre dans le constructeur de l'objet marqueur n'existe pas . Ce sont des propriétés de l'objet cartographique lui-même et doivent être définies ici.

J'imagine quelque chose comme ceci:

function addMarker(lat, lng, name) 
{ 
    var newMarker = new google.maps.Marker({ map: map, 
              icon: image, 
              position: new google.maps.LatLng(lat, lng), 
              title: name }); 
    map.setCenter(newMarker.position); 
    map.setZoom(6); 
} 

Je voudrais aussi ajouter map et envisager image à la liste des paramètres de addMarker au lieu d'utiliser des objets SCOPED « global », ou je aurait une fonction à l'aide renoncent à tout. C'est un peu difficile et dépend du besoin de votre code.

More Info Here