¿Puedo ver un mapa de Google Maps delimitando las coordenadas de latitud y longitud?


11

Con Google Maps, puedo ingresar una sola coordenada lat / lng y el mapa se dibuja con ese lat / lng en el centro.

Lo que me gustaría poder hacer es ingresar dos pares de coordenadas, digamos la coordenada suroeste y la coordenada noreste, y mostrar un mapa de Google con el zoom apropiado para que el mapa llene los límites definidos por esas coordenadas.

es posible? ¿Si es así, cómo?

Gracias

Y la respuesta es ... ¡Ve a Google Maps Code Playground!

Según la sugerencia de Taylor, fui al área de juegos de códigos de Google Maps e ingresé el siguiente código y pude obtener un mapa centrado con el nivel de zoom apropiado delimitado por el par de coordenadas.

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 ya no existe, pero puede hacer el equivalente yendo a una de las páginas de ejemplo de API de Google (por ejemplo, Mapa simple ), haciendo clic en el botón JSFiddle cerca de la parte superior derecha del cuadro de código e insertando el código allí.
Heath Raftery

Respuestas:


12

La función que está buscando se llama fitBounds. La función fitBounds toma un LatLngBounds como parámetro. Puedes leer mas al respecto aquí.

Código de ejemplo:

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: ¿Es posible hacer esto desde el sitio web de maps.google.com sin tener que usar su API?
Scott Mitchell

No, no que yo sepa. ¿Cuál es su caso de uso para esto?
Taylor H.

Tengo una variedad de pares de coordenadas (alrededor de 10) y quiero imprimir un mapa para cada par de coordenadas. Utilicé la API de Google Maps antes para poder crear un código, pero esperaba poder ir al sitio de maps.google.com, ingresar mi primer conjunto de coordenadas, presionar imprimir, ingresar el segundo conjunto, etc.
Scott Mitchell

2
Intenta jugar con la sección Google Code Playground Maps . Puede editar javascript y html y ejecutarlo allí mismo. Por lo menos, te ayudará a configurar tu código.
Taylor H.

Taylor, la sección Google Code Playground Maps fue perfecta y se ajustó a mis necesidades. Gracias por su tiempo y asistencia en este asunto.
Scott Mitchell

0

Aún más simple es incrustar el enlace en un elemento Iframe en una página web. Tome el enlace en el zoom livel que desee, enmarcando su área de interés de una manera agradable. Puede probarlo en sitios de Google con un sitio web gratuito, luego cortar y pegar el código en su aplicación.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.