Google Maps V3를 특정 지리적 영역 및 확대/축소 수준으로 제한하는 방법은 무엇입니까?

Google Maps V3에서 볼 수 있는 영역 및 확대/축소 수준 제한

사용자는 Google Maps V3를 특정 지역 내로 제한해야 하는 시나리오에 직면할 수 있습니다. 경계를 설정하고 확대/축소 기능을 제한합니다. 이 기사에서는 사용자가 경계를 넘어 이동하는 것을 방지하면서 지도 표시를 지정된 지역(예: 국가)으로 제한하는 솔루션을 살펴봅니다. 또한 확대/축소 수준을 사전 정의된 범위로 제한하는 방법도 설명합니다.

이를 달성하기 위해 Google Maps V3에서는 minZoom 및 maxZoom 옵션을 제공합니다. 이러한 매개변수를 지정하면 사용자에게 허용되는 최소 및 최대 확대/축소 수준을 설정할 수 있습니다.

예:

var map;
var opt = { minZoom: 6, maxZoom: 9 };
map = new google.maps.Map(document.getElementById('map-canvas'), opt);

위 코드는 사용자가 레벨 6에서 9까지 지도를 확대/축소합니다. 그러나 이 솔루션은 확대/축소 수준 제한만 해결합니다. 볼 수 있는 영역을 특정 지역으로 제한하려면 추가 사용자 정의가 필요합니다. StyledMaps를 사용하여 지도 스타일을 맞춤설정하면 이 목표를 달성할 수 있습니다.

예:

var map;
var styles = [
  {
    "elementType": "geometry",
    "stylers": [
      {
        "visibility": "off"
      }
    ]
  },
  {
    "featureType": "administrative.country",
    "elementType": "geometry.stroke",
    "stylers": [
      {
        "visibility": "on"
      }
    ]
  }
];

map = new google.maps.Map(document.getElementById('map-canvas'));
map.setOptions({
  styles: styles,
  minZoom: 6,
  maxZoom: 9
});

이 코드는 지정된 국가 외부의 모든 지리적 지형지물을 보이지 않도록 설정하여 효과적으로 제한합니다. 해당 국가의 볼 수 있는 지도 영역입니다. 또한 최소 및 최대 확대/축소 수준을 각각 6과 9로 설정합니다.

위 내용은 Google Maps V3를 특정 지리적 영역 및 확대/축소 수준으로 제한하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!