Google Maps Api - Ändern Sie nicht die Kartenmitte auf Zoom

Question

Ist es möglich, die gleiche Kartenmitte bei den Zoom-In/Out-Ereignissen zu behalten? Sei es mit dem Scrollrad, Doppelklick oder mit den Zoom-Reglern sollte es sich gleich verhalten.

Mir ist aufgefallen, dass die Mauszeigerposition auf der Karte beim Zoomen mit dem Scrollrad verzerrt ist. Ich habe keine Optionen in den Docs gefunden, aber diese Verzerrung wäre ideal.

here is a simple fiddle von, wie ich meine Karte initialisiere.

var map = new google.maps.Map(document.getElementById("map_div"), { 
    center: new google.maps.LatLng(33.808678, -117.918921), 
    zoom: 15, 
    disableDefaultUI: true 
    }); 

Answer 1

@ Vorschlag Adams auf den Kommentaren Nach mir den Scroll-Rad-Zoom sowie der Doppelklick zoomen, wenn Instanziieren die Karte und die hinzugefügt Event-Listener deaktiviert diese Ereignisse mit meiner eigenen Implementierung zu behandeln.

Hier ist ein working fiddle und der Code erklärt:

/* 
* declare map as a global variable 
*/ 
var map; 
/* 
* use google maps api built-in mechanism to attach dom events 
*/ 
google.maps.event.addDomListener(window, "load", function() { 
    var myMap = document.getElementById("map_div"); 
    /* 
    * create map 
    */ 
    var map = new google.maps.Map(myMap, { 
    center: new google.maps.LatLng(33.808678, -117.918921), 
    zoom: 15, 
    disableDefaultUI: true, 
    scrollwheel: false, 
    disableDoubleClickZoom: true 
    }); 
    //function that will handle the wheelEvent 
    function wheelEvent(event) { 
    var e = window.event || e; // old IE support 
    var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))); //to know whether it was wheel up or down 
    map.setZoom(map.getZoom() + delta); 
    } 

    function zoomIn() { 
    map.setZoom(map.getZoom() + 1); 
    } 

    //add a normal event listener on the map container 
    myMap.addEventListener('mousewheel', wheelEvent, true); 
    myMap.addEventListener('DOMMouseScroll', wheelEvent, true); 

    //same with the double click 
    myMap.addEventListener('dblclick', zoomIn, true); 

    //add center changed listener for testing 
    google.maps.event.addListener(map, 'center_changed', function() { 
    console.log("this is what i'm trying to avoid"); 
    }); 
});