Posso visualizzare una mappa di Google Maps delimitando le coordinate di latitudine e longitudine


11

Con Google Maps posso inserire una singola coordinata lat / lng e la mappa viene disegnata con quella lat / lng al centro.

Quello che mi piacerebbe poter fare è inserire due coppie di coordinate, dire la coordinata sud-ovest e la coordinata nord-est, e avere una Google Map visualizzata con lo zoom appropriato in modo che la mappa riempia i limiti definiti da quelle coordinate.

È possibile? Se é cosi, come?

Grazie

E la risposta è ... Vai al Google Play Code Playground!

Come suggerito da Taylor, sono andato al Google Play Code Playground e ho inserito il seguente codice e sono stato in grado di ottenere una mappa centrata con il livello di zoom appropriato delimitato dalla coppia di coordinate.

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);
}



1
Google Maps Code Playground non esiste più, ma puoi fare l'equivalente andando su una delle pagine di esempio dell'API di Google (ad esempio Simple Map ), facendo clic sul pulsante JSFiddle nella parte in alto a destra della casella del codice e quindi inserendo il codice lì.
Heath Raftery,

Risposte:


12

La funzione che stai cercando si chiama fitBounds. La funzione fitBounds accetta un LatLngBounds come parametro. Puoi leggere altro a questo proposito qui.

Codice di esempio:

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: è possibile farlo dal sito web maps.google.com senza dover usare la loro API?
Scott Mitchell,

No, non di cui sono a conoscenza. Qual è il tuo caso d'uso per questo?
Taylor H.

Ho una varietà di coppie di coordinate (circa 10) e voglio stampare una mappa per ciascuna coppia di coordinate. Ho usato l'API di Google Maps prima di poter estrarre un po 'di codice, ma speravo di poter semplicemente visitare il sito maps.google.com, inserire la mia prima serie di coordinate, premere Stampa, inserire la seconda serie, ecc.
Scott Mitchell,

2
Prova a giocare con la sezione Mappe di Google Code Playground . Puoi modificare javascript e html ed eseguirlo proprio lì. Se non altro ti aiuterà a configurare il tuo codice.
Taylor H.

Taylor, la sezione Mappe di Google Playground codice è stata perfetta e adatta alle mie esigenze. Grazie per il vostro tempo e assistenza in merito.
Scott Mitchell,

0

Ancora più semplice è incorporare il collegamento in un elemento Iframe in una pagina Web. Prendi il link allo zoom livel che ti piace, inquadrando la tua area di interesse in modo piacevole. Puoi provarlo su siti di Google con un sito Web gratuito, quindi tagliare e incollare il codice nella tua applicazione.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.