Dapatkah saya melihat peta Google Maps dengan mengikat koordinat lintang dan bujur

11

Dengan Google Maps saya bisa memasukkan satu koordinat lat / lng dan peta digambar dengan lat / lng itu di tengah.

Yang ingin saya lakukan adalah memasukkan dua pasangan koordinat, katakanlah koordinat barat daya dan koordinat timur laut, dan minta Google Map ditampilkan dengan zoom yang sesuai sehingga peta memenuhi batas yang ditentukan oleh koordinat tersebut.

Apakah ini mungkin? Jika ya, bagaimana caranya?

Terima kasih

Dan jawabannya adalah ... Pergi ke Google Maps Code Playground!

Sesuai saran Taylor, saya pergi ke Google Maps Code Playground dan memasukkan kode berikut dan bisa mendapatkan peta terpusat dengan tingkat zoom yang sesuai yang dibatasi oleh pasangan koordinat.

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

​

google-maps Scott Mitchell
sumber
1
LatLngBounds - developers.google.com/maps/documentation/javascript/…
Mapperz
1
Google Maps Code Playground sudah tidak ada lagi, tetapi Anda dapat melakukan hal yang sama dengan masuk ke salah satu halaman contoh Google API (katakanlah Simple Map ), mengklik tombol JSFiddle di dekat kanan atas kotak kode, dan kemudian memasukkan kode di sana.
Heath Raftery

Jawaban:

12

Fungsi yang Anda cari disebut fitBounds. Fungsi fitBounds mengambil LatLngBounds sebagai parameternya. Anda dapat membaca lebih lanjut tentang itu di sini.

Kode contoh:

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.
sumber
Taylor: Apakah mungkin untuk melakukan ini dari situs web maps.google.com tanpa harus menggunakan API mereka?
Scott Mitchell
Tidak, tidak saya sadari. Apa kasus penggunaan Anda untuk ini?
Taylor H.
Saya memiliki berbagai pasangan koordinat (sekitar 10) dan saya ingin mencetak peta untuk setiap pasangan koordinat. Saya telah menggunakan Google Maps API sebelumnya sehingga saya bisa menyiapkan beberapa kode, tetapi saya berharap bisa pergi ke situs maps.google.com, masukkan set koordinat pertama saya, tekan print, masukkan set kedua, dll.
Scott Mitchell
2
Cobalah bermain-main dengan bagian Google Code Playground Maps . Anda dapat mengedit javascript dan html dan menjalankannya di sana. Jika tidak ada yang lain itu akan membantu Anda mengatur kode Anda.
Taylor H.
Taylor, bagian Google Code Playground Maps sangat sempurna dan sesuai dengan kebutuhan saya. Terima kasih atas waktu dan bantuan Anda untuk masalah ini.
Scott Mitchell
0

Bahkan yang lebih sederhana adalah menanamkan tautan dalam elemen Iframe di halaman web. Ambil tautan di zoom hidup yang Anda sukai, membingkai area minat Anda dengan cara yang baik. Anda dapat mencobanya di situs google dengan situs web gratis, lalu memotong dan menempelkan kode ke aplikasi Anda.

Lewis
sumber