2017-05-18 29 views
-1

我必须在谷歌(谷歌地图或GoogleMyMaps)在网站上放置一个地图。我需要地图在全国范围内展示很多不同的地方(大约200个地方)。我已经拥有了所有地方的GoogleMyMaps。谷歌地图有很多不同的地方和受限制的缩放

但我需要的地图有变焦限制/限制:我希望人们不就知道了确切位置的地方,这意味着变焦镜头必须停止它得到足够准确了。

我知道你可以控制变焦与的GoogleMaps JS API喜欢的东西

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

但我不知道如何添加地点在谷歌地图(我还是把它们都对谷歌地图)。

谢谢你的时间

+0

您是否尝试过谷歌地图标记: https://developers.google.com/maps/documentation/javascript/markers https://developers.google.com/maps/documentation/javascript/examples/marker-simple ? – Mat

+0

在单个地图上可以有多个标记吗?我想我可以制作一些地方,但不是200个地方? – GuiguiSensei

+0

您可以在Google Maps JavaScript API地图上显示您的“MyMap”数据。 – geocodezip

回答

0

谢谢大家的帮助。

因此,大多数情况下,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 Map Javascript API(https://developers.google.com/maps/documentation/javascript/tutorial)自定义您的Google地图。

谢谢大家对你的时间