Désactiver l'inertie/accélération dynamique sur Google Maps V3

Question

Y at-il un moyen de désactiver l'inertie par glisser sur Google Maps V3? On dirait que cela devrait être un MapOption, mais je ne trouve aucun moyen de le faire.

Answer 1

Cela ne peut pas être effectué avec Maps API V3 pour le moment. Considérez le dépôt d'une demande de fonctionnalité ici:

http://code.google.com/p/gmaps-api-issues/

Answer 2

Je suis tombé sur ce même problème aujourd'hui, certains flottant de Div personnalisée dessus de la carte devant être repositionné sur la carte de mouvement. Mon repositionnement a bien fonctionné tant que l'utilisateur s'arrêtait complètement après avoir traîné avant de laisser la souris partir (donc il n'y aurait pas d'élan), mais si l'on traînait rapidement et que l'on relâchait la div finirait un peu.

Pour résoudre ce problème, j'accroché dans l'événement de glisser l'événement idle:

var map = /* All the map config */ 
var stickyCenter = map.getCenter(); 
/* ... Code ... */ 
google.maps.event.addListener(map, 'drag', function(){ stickyCenter = map.getCenter(); }); 
google.maps.event.addListener(map, 'idle', function() { map.setCenter(stickyCenter); }); 

Ce qui se passe est que, après que vous avez traîné et la carte est venu à un arrêt (après l'élan est fait) la carte se remet en place.

Si l'accrochage est trop brusque, il est possible que l'on puisse faire un panoramique ou animer le mouvement d'une manière ou d'une autre. Espérons que cela aide, ce n'est pas parfait, mais c'est un moyen d'inverser la dynamique d'un événement de traînée.

Answer 3

Je suis à peu près certaine qu'il est possible de contre-agir au moins. Quelqu'un s'il vous plaît corrigez-moi si je me trompe! Par souci de simplicité, par exemple, disons que votre conteneur de carte a un de 100vw et un height de 100vh. Vous appelez simplement getCenter() dans une fonction qui est appelée par un événement mouseup, puis utilisez ces coordonnées pour immédiatement setCenter()?

function initMap(){ 

    ... 

    var win = window; 
    google.maps.event.addDomListener(win, 'mouseup', setCoords); 
    function setCoords(){ 
     var x = myMap.getCenter(); 
     var lat = x.lat(); 
     var lng = x.lng(); 
     myMap.addListener('center_changed', function(lat, lng){ 
     myMap.setCenter(new google.maps.LatLng(lat, lng)); 
    }; 
}; 

Le code ci-dessus fonctionne réellement, mais le kicker est que cela fonctionne qu'une seule fois jusqu'à ce que le navigateur devient apparemment surchargé et produit l'erreur Uncaught RangeError: taille de la pile d'appel maximal dépassé.

Vous ne savez pas quoi faire maintenant.

Plus d'informations sur le here.

Answer 4

Utilisez l'option sans papier disablePanMomentum.: par exemple

new google.maps.Map(document.getElementById(id), { 
    disablePanMomentum: true, 
    backgroundColor: 'none', 
    disableDefaultUI: true, 
    center: { 
     lat: 40.674, 
     lng: -73.945 
    }, 
    zoom: 2, 
    ...