위도와 경도 좌표를 경계로 Google지도지도를 볼 수 있습니까

Google Maps를 사용하면 단일 위도 / 경도 좌표를 입력 할 수 있으며 중앙에 위도 / 경도로지도가 그려집니다.

내가 할 수있는 것은 남서 좌표와 북동 좌표와 같은 두 개의 좌표 쌍을 입력하고 적절한 줌으로 Google지도를 표시하여 해당 좌표로 정의 된 경계를 채우도록하는 것입니다.

이게 가능해? 그렇다면 어떻게?

감사

답은 ... Google Maps Code Playground로 이동하십시오!

Taylor의 제안에 따라 Google Maps Code Playground에 가서 다음 코드를 입력하고 좌표 쌍으로 경계가 지정된 적절한 확대 / 축소 수준으로 중앙 집중식 맵을 얻을 수있었습니다.

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

— 스콧 미첼
소스

위도 경도 경계 - developers.google.com/maps/documentation/javascript/...

— Mapperz

Google Maps Code Playground는 더 이상 존재하지 않지만 Google의 API 예제 페이지 ( Simple Map ) 중 하나로 이동 하여 코드 상자의 오른쪽 상단에있는 JSFiddle 버튼을 클릭 한 다음 코드를 삽입하여 이에 상응하는 작업을 수행 할 수 있습니다 .

— Heath Raftery

답변:

찾고있는 함수를 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);

— 테일러 H.
소스

Taylor : API를 사용하지 않고도 maps.google.com 웹 사이트 에서이 작업을 수행 할 수 있습니까?

— Scott Mitchell

아니요, 제가 아는 바는 없습니다. 이것에 대한 사용 사례는 무엇입니까?

— Taylor H.

다양한 좌표 쌍 (약 10 개)이 있으며 각 좌표 쌍에 대한지도를 인쇄하고 싶습니다. 이전에 Google Maps API를 사용하여 코드를 채울 수 있었지만 maps.google.com 사이트로 이동하여 첫 번째 좌표 세트를 입력하고, 인쇄를하고, 두 번째 세트를 입력하는 등의 작업을 수행하기를 바랐습니다.

— Scott Mitchell

Google 코드 놀이터지도 섹션 에서 놀아보십시오 . 자바 스크립트와 HTML을 편집하고 바로 실행할 수 있습니다. 다른 것이 없다면 코드 설정에 도움이 될 것입니다.

— Taylor H.

Taylor, the Google Code Playground Maps section was perfect and fit my needs. Thank you for your time and assistance on this matter.

— Scott Mitchell

더 간단한 방법은 웹 페이지의 Iframe 요소에 링크를 포함시키는 것입니다. 관심있는 영역을 멋진 방식으로 프레임하여 원하는 라이브 줌에서 링크를 가져옵니다. 무료 웹 사이트가있는 Google 사이트에서 사용해보고 코드를 잘라내어 애플리케이션에 붙여 넣을 수 있습니다.

— 남자 이름
소스