создать кнопку увеличения и уменьшения масштаба на карте google

Question

Я пытаюсь создать инструмент увеличения и уменьшения масштаба на своем веб-сайте для масштабирования на карте Google. Я попытался увеличить или уменьшить масштаб на любом конкретном месте на карте после выбрать инструмент, который я создал, теперь хочет, чтобы увеличить или уменьшить масштаб карты, выбрав инструмент, как это возможно любая помощь будет большим для меня, и это мой код кнопки

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

Answer 1

Попробуйте это, изменение mapCanvas.zoomIn(); на

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