10
votes

Google Maps API; Comment ajouter une mesure d'échelle sur une carte?

Je soupçonne que la partie de mon problème est que j'ai un gel mental sur ce que le nom technique est: mais vous voyez sur http://maps.google.co.uk/ Le bas à gauche a une petite règle indiquant comment Big X Miles est au niveau de zoom actuel?

Si j'utilise Google Maps API Version 2, comment puis-je ajouter une telle chose de widget de do-hickery sur mes cartes de site Web?

merci, James

google-maps

1 commentaires

Google Maps API Docs - code.google.com/apis/maps/documentation/reference .html

3 Réponses :

0
votes

du API DOCS :

GScaleControl - a map scale

1 commentaires

Savait que ça serait appelé quelque chose d'évident :-)

41
votes

En réalité, c'est ainsi que vous obtenez vraiment la balance pour montrer:

var map = new google.maps.Map(document.getElementById('map'), {
  zoom: 10,
  scaleControl: true,
  center: new google.maps.LatLng(-33.92, 151.25),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

0 commentaires

0
votes

J'ai trouvé que si vous appelez la carte en tant que fonction plutôt que comme var et appliquez le scalecontrol comme suggéré, toute la carte ne parvient pas à afficher. Travailler toujours sur une solution qui résout cette partie du problème.

function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 15.5, lng: 121}, 
zoom: 10
});

0 commentaires