Question

我正在初始化没有控件的地图，因为我在页面中实现了一些自定义缩放控件。

但是，我想在特定情况下将标准缩放控件添加回地图，即当我检测到窗口已调整到一定宽度时。相反，我想以更大的宽度再次销毁它们。

是否可以动态添加变焦控制，若然，怎么做？

Answer 1

在API版本3中，使用setOptions将zoomControl设置为true / false（类似问题Dynamically add/remove controls [Google Maps]）。

演示：

// create map
var myLatlng = new google.maps.LatLng(-33, 151);
var myOptions = {
  center: myLatlng,
  zoom: 5,
  zoomControl: false,
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);


// functions for removing zoomControl
function toggleZoomControl(b) {
  map.setOptions({
    zoomControl: b
  });
}

#map_canvas {
  width: 50%;
  height: 200px;
  float: left;
}

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="map_canvas"></div>
<input type="checkbox" onclick="toggleZoomControl(this.checked)" />zoomControl

Google Maps API V3 - 即时添加控件

1 个答案: