創建放大和縮小谷歌地圖上的工具按鈕

我想在我的網站上創建放大和縮小工具以放大Google map.I試圖放大或縮小地圖上的任何特定位置後選擇我所創建的工具，現在要來放大或通過選擇工具怎麼可能任何幫助將是巨大的，我縮小在地圖上，這是我的按鈕代碼創建放大和縮小谷歌地圖上的工具按鈕

<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>

來源

2015-07-10 vinod

地圖代碼在哪裏？你想放大和縮小？ – MarmiK

@MarmiK我剛剛粘貼了我的地圖代碼檢查它 – vinod

仍然我不能讓這個代碼在我的小提琴工作，'jsFiddle'請[http://jsfiddle.net/MarmeeK/tt3f56kp/]如果工作和張貼更新的小提琴回來.. – MarmiK

由試試這個將mapCanvas.zoomIn();分成

map.setZoom(map.getZoom()+1);

來源

2015-07-14 06:55:57

創建放大和縮小谷歌地圖上的工具按鈕

回答

相關問題