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

Scott Mitchell
źródło
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 H.
źródło
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.

chwytak
źródło