Czy mogę wyświetlić mapę Google Maps, ograniczając współrzędne szerokości i długości geograficznej


11

W Mapach Google mogę wprowadzić pojedynczą współrzędną szerokość / długość, a mapa jest rysowana z tym kątem / wysokość w środku.

Chciałbym wprowadzić dwie pary współrzędnych, powiedzmy współrzędną południowo-zachodnią i współrzędną północno-wschodnią, i wyświetlić mapę Google z odpowiednim powiększeniem, aby mapa wypełniła granice określone przez te współrzędne.

czy to możliwe? Jeśli tak to jak?

Dzięki

A odpowiedź brzmi ... Idź do Google Maps Code Playground!

Zgodnie z sugestią Taylora poszedłem na Google Maps Code Playground i wprowadziłem następujący kod i udało mi się uzyskać wyśrodkowaną mapę z odpowiednim poziomem powiększenia ograniczonym przez parę współrzędnych.

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

W pobliżu



1
Google Maps Code Playground już nie istnieje, ale możesz zrobić to samo, przechodząc do jednej z przykładowych stron API Google (powiedzmy Simple Map ), klikając przycisk JSFiddle w prawym górnym rogu pola kodu, a następnie wstawiając tam kod.
— Heath Raftery

Odpowiedzi:


12

Funkcja, której szukasz, nazywa się fitBounds. Funkcja fitBounds przyjmuje parametr LatLngBounds jako parametr. Możesz przeczytać więcej na ten temat tutaj.

Przykładowy kod:

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: Czy można to zrobić z witryny maps.google.com bez konieczności korzystania z interfejsu API?
— Scott Mitchell,

Nie, nie jestem tego świadomy. Jaki jest twój przypadek użycia tego?
— Taylor H.

Mam różne pary współrzędnych (około 10) i chcę wydrukować mapę dla każdej pary współrzędnych. Wcześniej korzystałem z interfejsu API Map Google, więc mogłem wymodelować trochę kodu, ale miałem nadzieję, że po prostu wejdę na stronę maps.google.com, wprowadzę mój pierwszy zestaw współrzędnych, wydrukuję, wprowadzę drugi zestaw itp.
— Scott Mitchell

2
Spróbuj zabawy z sekcją Mapy Google Code Playground . Możesz edytować javascript i HTML i uruchomić go właśnie tam. Jeśli nic więcej, nie pomoże ci to skonfigurować kodu.
— Taylor H.

Taylor, sekcja Google Code Playground Maps była idealna i pasowała do moich potrzeb. Dziękujemy za poświęcony czas i pomoc w tej sprawie.
— Scott Mitchell,

0

Jeszcze prostsze jest osadzenie linku w elemencie iframe na stronie internetowej. Skorzystaj z linku przy dowolnym zbliżeniu livel, ładnie kształtując obszar zainteresowania. Możesz wypróbować go w witrynach Google z bezpłatną witryną, a następnie wyciąć i wkleić kod do aplikacji.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.