많은 장소와 제한된 줌이있는 Google지도

Question

Google에서지도 (Google지도 또는 GoogleMyMaps)를 웹 사이트에 넣어야합니다. 우리 나라 전역에 여러 장소를 보여주는지도가 필요합니다 (약 200 개 장소). 이미 모든 장소에 GoogleMyMaps가 있습니다.

는 그러나 나는 줌 제한/제한이지도가 필요합니다 나는 장소가 충분히 정확한지기 전에 줌이 를 중지해야합니다 의미있는 곳 사람들 정확히 알지 아니하기로합니다.

난 당신이

var opt = { minZoom: 6, maxZoom: 9 }; 
map.setOptions(opt); 

처럼 뭔가 Google지도 JS API를와 줌을 제어 할 수 있습니다 알고하지만 난 여전히 내가 구글 내에서 모두가 (Google지도에 장소를 추가하는 방법을 잘 모릅니다지도).

감사합니다.

Answer 1

모두에게 감사드립니다.

대개의 경우 GoogleMyMaps는 .KML 파일 (가져 오기 또는 내보내기)을 사용하며 .KML 파일의 데이터를 Google지도에 업로드 할 수 있습니다.

<script> 
    function initMap() { 
     var map = new google.maps.Map(document.getElementById('map'), { 
      zoom: 6, 
      center: {lat: 1, lng: 1} 
     }); 

     var kmlLayer = new google.maps.KmlLayer({ 
      url: 'THE_KML_FILE_URL', 
      suppressInfoWindows: true, 
      map: map 
     }); 

     kmlLayer.addListener('click', function(kmlEvent) { 
      var text = kmlEvent.featureData.description; 
      showInContentWindow(text); 
     }); 

     function showInContentWindow(text) { 
      var sidediv = document.getElementById('content-window'); 
      sidediv.innerHTML = text; 
     } 
    } 
</script> 
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY_HERE&callback=initMap" 
async defer></script> 

하지만 KML 파일을 온라인으로 가지고 있습니다, 그것은 (구글의 API는 파일에 대한 액세스 권한이 필요) 지역에서 작동하지 않습니다 : 여기에

은 예입니다.

그런 다음 Google지도 자바 스크립트 API (https://developers.google.com/maps/documentation/javascript/tutorial)를 사용하여 Google지도를 맞춤 설정할 수 있습니다.

이 당신의 시간을 당신에게 모두 감사