Puis-je afficher une carte Google Maps en délimitant les coordonnées de latitude et de longitude

11

Avec Google Maps, je peux entrer une seule coordonnée lat / lng et la carte est dessinée avec cette lat / lng au centre.

Ce que j'aimerais pouvoir faire, c'est entrer deux paires de coordonnées, disons la coordonnée sud-ouest et la coordonnée nord-est, et afficher une carte Google avec le zoom approprié afin que la carte remplisse les limites définies par ces coordonnées.

Est-ce possible? Si c'est le cas, comment?

Merci

Et la réponse est ... Allez sur Google Maps Code Playground!

Selon la suggestion de Taylor, je suis allé au Google Maps Code Playground et j'ai entré le code suivant et j'ai pu obtenir une carte centrée avec le niveau de zoom approprié délimité par la paire de coordonnées.

function initialize() {
  var mapDiv = document.getElementById('map-canvas');
  var map = new google.maps.Map(mapDiv, {
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });

  var southWest = new google.maps.LatLng(..., ...);
  var northEast = new google.maps.LatLng(..., ...);
  var bounds = new google.maps.LatLngBounds(southWest,northEast);
  map.fitBounds(bounds);
}

La

Scott Mitchell
la source
1
Google Maps Code Playground n'existe plus, mais vous pouvez faire l'équivalent en accédant à l'une des pages d'exemples d'API de Google (par exemple, Simple Map ), en cliquant sur le bouton JSFiddle près du coin supérieur droit de la zone de code, puis en y insérant le code.
Heath Raftery

Réponses:

12

La fonction que vous recherchez s'appelle fitBounds. La fonction fitBounds prend un paramètre LatLngBounds comme paramètre. Vous pouvez en savoir plus ici.

Exemple de code:

var southWest = new google.maps.LatLng(36.90731625763393,-86.51778523864743);
var northEast = new google.maps.LatLng(37.02763411292923,-86.37183015289304);
var bounds = new google.maps.LatLngBounds(southWest,northEast);
myMap.fitBounds(bounds);
Taylor H.
la source
Taylor: Est-il possible de le faire à partir du site maps.google.com sans avoir à utiliser son API?
Scott Mitchell
Non, pas que je sache. Quel est votre cas d'utilisation pour cela?
Taylor H.
J'ai une variété de paires de coordonnées (environ 10) et je veux imprimer une carte pour chaque paire de coordonnées. J'ai déjà utilisé l'API Google Maps pour pouvoir préparer du code, mais j'espérais pouvoir simplement aller sur le site maps.google.com, entrer mon premier ensemble de coordonnées, appuyer sur imprimer, entrer le deuxième ensemble, etc.
Scott Mitchell
2
Essayez de jouer avec la section Google Code Playground Maps . Vous pouvez modifier le javascript et le html et l'exécuter là. Si rien d'autre ne vous aidera à configurer votre code.
Taylor
Taylor, la section Google Code Playground Maps était parfaite et répondait à mes besoins. Merci pour votre temps et votre aide à ce sujet.
Scott Mitchell
0

Encore plus simple est d'incorporer le lien dans un élément Iframe dans une page Web. Prenez le lien au zoom en direct que vous aimez, en cadrant votre zone d'intérêt de manière agréable. Vous pouvez l'essayer sur les sites Google avec un site Web gratuit, puis couper et coller le code dans votre application.

lewis
la source