API Google Maps, Ajout d'une carte personnalisée par l'utilisateur à un site Web

Question

J'ai actuellement une carte affichée sur ma page avec différents marqueurs et paramètres. Voir ci-dessous;

var options = { 



     zoom: 7, 

     center: latlng, 

     scrollwheel: true, 

     navigationControl: true, 

     mapTypeControl: false, 

     scaleControl: false, 

     draggable: true, 

     streetViewControl: false, 

     disableDoubleClickZoom: false, 

     panControl: false, 

     mapTypeId: google.maps.MapTypeId.TERRAIN 

     }; 

Je me demandais s'il y a une variable/option qui permet de faire ma carte lire une carte personnalisée qu'un utilisateur fait sur Google Maps?

Ainsi, un utilisateur ira sur le site Web de Google Maps et ajoutera ses propres marqueurs et emplacements - c'est la carte que je veux lire sur mon site Web.

L'objectif principal ici est d'avoir une liste de marqueurs (que j'ai), mais ce que je manque est une façon de montrer plus d'endroits « petits » dans une zone où un marqueur initial est cliqué ...

donc, si vous cliquez sur un marqueur qui est placé sur Londres, qui zoomer pour afficher plus de marqueurs dispersés dans la région de Londres.

Merci!

Answer 1

Pour zoomer carte lorsque le marqueur est cliqué, vous devez ajouter écouteur d'événement lorsque vous initialisez la carte et le marqueur:

google.maps.event.addListener(marker, 'click', function() {  
    map.setZoom(parseInt(yourZoom));  
    map.setCenter(marker.getPosition()); 
}); 

Ainsi, lorsque vous cliquez sur un marqueur, propriété de zoom sera mis, dans ce cas, à valeur de votreZoom.

Pour plus de détails, vous pouvez check documentation