Google Maps Kml图层缩放[重复]答案

【问题标题】：Google Maps Kml layer Zoom [duplicate]Google Maps Kml图层缩放[重复]
【发布时间】：2015-07-31 15:39:15
【问题描述】：

我正在使用我的地图初始化。我希望我的地图能够放大到我的“地图容器”（可能是 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);

【问题讨论】：

标签： api zooming kml layer

【解决方案1】：

您在MapOptions 中添加缩放参数（和中心参数，您需要两者）。

为了防止 KmlLayer 在 KML 内容上缩放和居中地图，您需要将 preserveViewport option of the KmlLayer 设置为 true。

代码 sn-p：

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>

【讨论】：