Javascript Girl
  1. Javascript Girl
  3. Google Maps: Comment déplacer les contrôles de zoom?
Intereting Posts
Écran débordant de l'interface angulaire UI Tooltip La référence de la fenêtre après la modification de la page parent Traiter ctrl + cliquer sur Google Maps Clignotant entre les charges de page Uncaught TypeError: Impossible de lire la propriété 'aDataSort' de undefined Comment intégrer plusieurs vidéos Facebook (avec React) Un script continuera-t-il à fonctionner même après avoir fermé une page? Trouver le «type» d'un élément d'entrée Comment puis-je profiter des fonctions de rappel pour XMLHttpRequest asynchrone? Accéder à la signature / cryptage dans un Keystore d'un navigateur en utilisant JavaScript – exemple de code? (WebCryptoAPI) Pourquoi ",,," == Array (4) en Javascript? Raphael canvas (fond) événement onclick Comment calculer deux champs de formulaire d'entrée et mettre la valeur dans un autre sans soumettre le formulaire en utilisant jquery? Document.zouchmove et défilement sur iOS 5 Obtenez la valeur de rotation 3D CSS de matrix3d ​​() avec JavaScript

Google Maps: Comment déplacer les contrôles de zoom?

Comment puis-je déplacer les contrôles de zoom Google Maps, via l'API, vers l'autre côté de la carte? 

var myOptions = { zoom: 6, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.SMALL, position: google.maps.ControlPosition.LEFT_CENTER }, scaleControl: true, panControl: true, navigationControl: false, mapTypeId: 'roadmap', streetViewControl: false, center: new google.maps.LatLng(XXX,XXX) } map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

En supposant que vous utilisez la version 2 de l'API: 

 map.addControl(new GLargeMapControl3D(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,10)));

Notez que le GSize le positionnera là où vous le souhaitez. Si vous voulez plus loin que de donner une valeur plus élevée au deuxième paramètre

Ici j'utilise google maps api v3 car v2 est obsolète 

  function initialize() { var mapProp = { center: new google.maps.LatLng(51.508742,-0.120850), zoom:7, panControl:false, zoomControl:true, zoomControlOptions: { style: google.maps.ZoomControlStyle.SMALL, position: google.maps.ControlPosition.RIGHT }, mapTypeControl:false, scaleControl:false, streetViewControl:false, overviewMapControl:false, rotateControl:false, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("googleMap"),mapProp); }

Utilisez ceci dans css: 

 .gmnoprint:nth-child(9) { left: 50%; }