1

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

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

是否可以即时添加缩放控件,如果可以,如何添加?

4

1 回答 1

0

在 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

于 2015-08-06T21:40:48.660 回答