Bonjour,
J'utilise l'api google map sur une des pages de mon site.
L'api affiche plusieurs cartes du monde en même temps et une large bordure grise en haut et en bas lorsque l'on dézoom au maximum.
Ma question est la suivante : Comment faire pour que l'utilisateur ne puisse parcourir qu'une seule carte et sans déborder sur cette bordure grise.
Voici l'instanciation de ma carte :
Je pense qu'il faut ajouter un Listener sur google.map de je n'ai aucune idée des propriétés à lui passer en paramètre pour qu'il recentre la carte dès que l'utilisateur "sort" d'une zone spécifiée (dans mon cas cette zone serait une des cartes affichées)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21 function initialisation(){ document.getElementById("divPays").innerHTML="(Cliquer sur un point de la carte.)"; var centreCarte = new google.maps.LatLng(47.389982, 0.688877); var optionsCarte = { zoom: 2, center: centreCarte, scrollwheel: true, keyboardShortcuts: false, panControl: false, mapTypeControl: false, overviewMapControl: false, rotateControl: false, scaleControl: false, streetViewControl: false, zoomControl: false, draggable : true, mapTypeId: google.maps.MapTypeId.ROADMAP } var maCarte = new google.maps.Map(document.getElementById("EmplacementDeMaCarte"), optionsCarte);
Partager