我正在使用谷歌地图创建javascript网络应用程序。我正在尝试为zoomin和zoomout选项创建一个工具。我创建了两个用于zoomin和zoomout的按钮,现在我正在尝试激活这些工具。当我使用此工具进行缩放和缩放选项时,它将在地图上进行缩放和操作。我正在尝试这段代码
<button name="button" value="" type="button" id="zoomin" onclick="document.getElementById('mapviewer').change(); clicked"></button>
<div id="mapviewer">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script>
function initialize() {
var mapOptions = {
zoom: 4,
center: new google.maps.LatLng(-33, 151),
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DEFAULT,
mapTypeIds: [
google.maps.MapTypeId.ROADMAP,
google.maps.MapTypeId.TERRAIN
]
},
zoomControl: false,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
}
};
var map = new google.maps.Map(document.getElementById('mapviewer'),
mapOptions);
map.setOptions({draggable: false, zoomControl: false, scrollwheel: false, disableDoubleClickZoom: true});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<script type="text/javascript">
function performClick(elemId) {
var elem = document.getElementById(elemId);
if(elem && document.createEvent) {
var evt = document.createEvent("MouseEvents");
evt.initEvent("click", true, false);
elem.dispatchEvent(evt);
}
}
</script>
</div>
使用此页面作为参考[博客]:How to add the pan tool within the iframe?
现在我正在尝试为zoomin选项编写脚本,如果我单击按钮,则选择箭头会更改为缩放图标,它将放大谷歌地图。请为此任务提供一些代码参考
答案 0 :(得分:1)
地图代码:
shutdown()
此代码可用于使用单击按钮放大和缩小工具选项