我正在尝试在我的网站上创建放大和缩小工具以放大 Google map 。在选择我创建的工具后,我试图放大或缩小 map 上的任何特定位置,现在想要通过选择工具放大或缩小 map 怎么可能对我有帮助,这是我的按钮代码
<button name="button" value="" type="button" id="zoomIn"></button>
<button name="button" value="" type="button" id="zoomOut"></button>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script type="text/javascript" src="zoom.js"></script>
<script>
var mapCanvas;
function initialize() {
mapCanvas = document.getElementById('mapviewer');
var mapOptions = {
center: new google.maps.LatLng(28.61, 77.20),
zoom: 8,
mapTypeId: google.maps.MapTypeId.SATELLITE
}
var map = new google.maps.Map(mapCanvas, mapOptions)
}
google.maps.event.addDomListener(window, 'load', initialize);
function zoom_in(){
mapCanvas.zoomIn();
}
function zoom_out(){
mapCanvas.zoomOut();
}
</script>
最佳答案
尝试将 mapCanvas.zoomIn();
更改为
map.setZoom(map.getZoom()+1);
关于html - 在谷歌地图上创建放大和缩小工具按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31337794/