ฉันสามารถดูแผนที่ Google Maps ได้โดยการ จำกัด พิกัดละติจูดและลองจิจูด


11

ด้วย Google Maps ฉันสามารถป้อนพิกัดละติจูด / ลองจิจูดเดียวและแผนที่ถูกวาดด้วยละติจูด / ลองจิจูดนั้นตรงกลาง

สิ่งที่ฉันสามารถทำได้คือการป้อนคู่พิกัดสองคู่กล่าวว่าพิกัดตะวันตกเฉียงใต้และพิกัดตะวันออกเฉียงเหนือและแสดง Google Map พร้อมการซูมที่เหมาะสมเพื่อให้แผนที่เติมขอบเขตที่กำหนดโดยพิกัดเหล่านั้น

เป็นไปได้ไหม ถ้าเป็นเช่นนั้นได้อย่างไร

ขอบคุณ

และคำตอบคือ ... ไปที่สนามเด็กเล่นรหัสของ Google Maps!

ตามคำแนะนำของเทย์เลอร์ฉันไปที่รหัสสนามเด็กเล่นของ Google แผนที่และป้อนรหัสต่อไปนี้และสามารถรับแผนที่กึ่งกลางที่มีระดับการซูมที่เหมาะสมซึ่งล้อมรอบด้วยคู่พิกัด

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 แผนที่อีกต่อไป แต่คุณสามารถทำสิ่งที่เทียบเท่าได้โดยไปที่หนึ่งในหน้าตัวอย่าง API ของ Google (พูดว่าSimple Map ) คลิกที่ปุ่ม JSFiddle ใกล้กับด้านบนขวาของกล่องรหัสแล้วใส่รหัสที่นั่น
Heath Raftery

คำตอบ:


12

ฟังก์ชั่นที่คุณกำลังค้นหาเรียกว่า fitBounds ฟังก์ชัน fitBounds ใช้ LatLngBounds เป็นพารามิเตอร์ คุณสามารถอ่านเพิ่มเติมเกี่ยวกับเรื่องนี้ได้ที่นี่

รหัสตัวอย่าง:

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

เทย์เลอร์: เป็นไปได้ไหมที่จะทำสิ่งนี้จากเว็บไซต์maps.google.comโดยไม่ต้องใช้ API
Scott Mitchell

ไม่ไม่ฉันรู้ กรณีการใช้งานของคุณสำหรับสิ่งนี้คืออะไร?
เทย์เลอร์เอช

ฉันมีคู่พิกัดที่หลากหลาย (ประมาณ 10) และฉันต้องการพิมพ์แผนที่สำหรับแต่ละคู่พิกัด ฉันเคยใช้ Google Maps API มาก่อนดังนั้นฉันจึงสามารถชักรหัสบางส่วนได้ แต่ฉันหวังว่าฉันจะไปที่ไซต์ maps.google.com ป้อนพิกัดชุดแรกของฉันกดพิมพ์ป้อนชุดที่สองเป็นต้น
Scott Mitchell

2
ลองเล่นรอบกับส่วน Google Maps รหัสสนามเด็กเล่น คุณสามารถแก้ไข javascript และ html และเรียกใช้ตรงนั้นได้ หากไม่มีอะไรอื่นจะช่วยให้คุณตั้งค่ารหัสของคุณ
เทย์เลอร์เอช

Taylor ส่วนแผนที่รหัสสนามเด็กเล่นของ Google นั้นสมบูรณ์แบบและเหมาะสมกับความต้องการของฉัน ขอบคุณสำหรับเวลาและความช่วยเหลือในเรื่องนี้
Scott Mitchell

0

ยิ่งง่ายยิ่งขึ้นฝังลิงค์ในองค์ประกอบ Iframe ในหน้าเว็บ ใช้ลิงค์ที่ซูมแบบหมุนที่คุณชอบวางกรอบพื้นที่ที่คุณสนใจด้วยวิธีที่ดี คุณสามารถทดลองใช้กับเว็บไซต์ google ด้วยเว็บไซต์ฟรีแล้วตัดและวางรหัสลงในใบสมัครของคุณ

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.