> 웹 프론트엔드 > JS 튜토리얼 > 제한된 확대/축소 수준으로 특정 영역을 표시하도록 Google Maps v3를 제한할 수 있나요?

제한된 확대/축소 수준으로 특정 영역을 표시하도록 Google Maps v3를 제한할 수 있나요?

Susan Sarandon
풀어 주다: 2024-10-18 19:58:31
원래의
496명이 탐색했습니다.

Can Google Maps v3 Be Restricted to Display a Specific Area with Limited Zoom Levels?

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

질문:

Google Maps v3를 표시하도록 제한할 수 있나요? 확대/축소 수준이 제한된 특정 영역을 사용하시겠습니까?

답변:

예, 다음 기술을 사용하여 이를 달성할 수 있습니다.

표시 가능 영역 제한:

  • LatLngBounds 개체를 사용하여 표시 가능 영역의 경계를 정의합니다.
  • MapOptions 개체의 제한 옵션을 LatLngBounds로 설정합니다.

예:

<code class="javascript">var bounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(lat1, lng1),
  new google.maps.LatLng(lat2, lng2)
);

var mapOptions = {
  restrictions: {
    latLngBounds: bounds
  }
};

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);</code>
로그인 후 복사

확대/축소 수준 제한:

  • minZoom 및 maxZoom 옵션을 사용하세요. MapOptions 객체를 사용하여 허용되는 확대/축소 범위를 지정합니다.

예:

<code class="javascript">var mapOptions = {
  minZoom: 6,
  maxZoom: 9
};

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);</code>
로그인 후 복사

참고:

StyledMap을 사용한 확대/축소 수준 제한은 ROADMAP 기본 지도 유형으로 제한됩니다. minZoom 및 maxZoom 옵션을 사용하면 더욱 포괄적인 솔루션이 제공됩니다.

추가 참고 사항:

  • 모든 기본 지도 유형은 이러한 제한 사항과 함께 사용할 수 있습니다.
  • 이러한 옵션은 setOptions() 메서드를 사용하여 지도 초기화 후에 동적으로 설정할 수도 있습니다.
  • disableDefaultUI 옵션을 true로 설정하면 사용자가 확대/축소 컨트롤에 액세스하지 못하게 할 수 있습니다.

위 내용은 제한된 확대/축소 수준으로 특정 영역을 표시하도록 Google Maps v3를 제한할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿