Google 地图 Kml 图层缩放[重复]

问题描述 投票:0回答:1

我正在使用我的地图的初始化。我希望我的地图进入我的“地图容器”并放大更多(也许是 16 倍)。在哪里可以添加这个缩放参数?这可能吗?

function initialize() {
var map = new google.maps.Map(document.getElementById('map-container'), {

}),

myMapsId = 'zpR-Rs8swcrY.kxIipB_folRg&usp';
  new google.maps
    .KmlLayer({
      map: map,
      url: 'https://www.google.com/maps/d/kml?mid=' + myMapsId
    });
}
google.maps.event.addDomListener(window, 'load', initialize); 
google-maps zooming kml
1个回答
0
投票

您在 MapOptions 中添加缩放参数(和中心参数,两者都需要)。

为了防止 KmlLayer 缩放并使地图以 KML 内容为中心,需要将 KmlLayerpreserveViewport 选项设置为 true。

代码片段:

function initialize() {
  var map = new google.maps.Map(document.getElementById('map-container'), {
      zoom: 16,
      center: {
        lat: 56.620599,
        lng: -6.076408
      }

    }),

    myMapsId = 'zpR-Rs8swcrY.kxIipB_folRg&usp';
  new google.maps
    .KmlLayer({
      map: map,
      url: 'https://www.google.com/maps/d/kml?mid=' + myMapsId,
      preserveViewport: true
    });
}
google.maps.event.addDomListener(window, "load", initialize);
html,
body,
#map-container {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map-container" style="border: 2px solid #3872ac;"></div>

© www.soinside.com 2019 - 2024. All rights reserved.