我正在初始化一个没有控件的地图,因为我已经在我的页面中实现了一些自定义缩放控件。
但是,我想在特定情况下将标准缩放控件添加回地图,即当我检测到窗口已调整到一定宽度时。相反,我想以更大的宽度再次破坏它们。
是否可以即时添加缩放控件,如果可以,如何添加?
我正在初始化一个没有控件的地图,因为我已经在我的页面中实现了一些自定义缩放控件。
但是,我想在特定情况下将标准缩放控件添加回地图,即当我检测到窗口已调整到一定宽度时。相反,我想以更大的宽度再次破坏它们。
是否可以即时添加缩放控件,如果可以,如何添加?
在 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