Posso visualizar um mapa do Google Maps delimitando as coordenadas de latitude e longitude

11

Com o Google Maps, posso inserir uma única coordenada lat / lng e o mapa é desenhado com essa lat / lng no centro.

O que eu gostaria de poder fazer é inserir dois pares de coordenadas, digamos as coordenadas sudoeste e nordeste e ter um mapa do Google exibido com o zoom apropriado, para que o mapa preencha os limites definidos por essas coordenadas.

Isso é possível? Se sim, como?

obrigado

E a resposta é ... Acesse o Google Maps Code Playground!

Por sugestão de Taylor, fui ao Google Maps Code Playground e digitei o código a seguir e consegui um mapa centralizado com o nível de zoom apropriado limitado pelo 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);
}

O que outras pessoas estão dizendo

google-maps Scott Mitchell
fonte
1
LatLngBounds - developers.google.com/maps/documentation/javascript/…
Mapperz
1
O Google Maps Code Playground não existe mais, mas você pode fazer o equivalente acessando uma das páginas de exemplo da API do Google (por exemplo, Mapa Simples ), clicando no botão JSFiddle no canto superior direito da caixa de código e inserindo o código lá.
Heath Raftery,

Respostas:

12

A função que você está procurando é chamada fitBounds. A função fitBounds usa um LatLngBounds como parâmetro. Você pode ler mais sobre isso aqui.

Código de exemplo:

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.
fonte
Taylor: É possível fazer isso no site maps.google.com sem precisar usar a API deles?
Scott Mitchell
Não, não que eu esteja ciente. Qual é o seu caso de uso para isso?
Taylor H.
Eu tenho uma variedade de pares de coordenadas (cerca de 10) e quero imprimir um mapa para cada par de coordenadas. Eu já usei a API do Google Maps antes para criar um código, mas esperava poder acessar o site maps.google.com, inserir meu primeiro conjunto de coordenadas, pressionar imprimir, inserir o segundo conjunto etc.
Scott Mitchell
2
Tente brincar com a seção Mapas do Google Code Playground Maps . Você pode editar o javascript e o html e executá-lo ali mesmo. Se nada mais, isso o ajudará a configurar seu código.
Taylor H.
Taylor, a seção Mapas do Google Code Playground Maps foi perfeita e atendeu às minhas necessidades. Obrigado pelo seu tempo e assistência neste assunto.
Scott Mitchell
0

Ainda mais simples é incorporar o link em um elemento Iframe em uma página da web. Pegue o link no zoom ao vivo que você deseja, enquadrando sua área de interesse de uma maneira agradável. Você pode experimentá-lo nos sites do Google com um site gratuito e, em seguida, recortar e colar o código no seu aplicativo.

Lewis
fonte