Google Maps v3 fitBounds() Zoom de trop près pour seul marqueur

J'aime mrt la solution (surtout quand vous ne savez pas combien de points vous sera cartographie ou de l'ajustement pour l'), sauf qu'il jette le marqueur de congé, de sorte qu'il n'est pas dans le centre de la carte plus. J'ai simplement rallongé par un point supplémentaire en soustrayant .01 à partir de la lat et de gnl, ainsi il conserve le marqueur dans le centre. Fonctionne très bien, merci de mrt!

//Pan & Zoom map to show all markers
function fitToMarkers(markers) {

    var bounds = new google.maps.LatLngBounds();

    //Create bounds from markers
    for( var index in markers ) {
        var latlng = markers[index].getPosition();
        bounds.extend(latlng);
    }

    //Don't zoom in too far on only one marker
    if (bounds.getNorthEast().equals(bounds.getSouthWest())) {
       var extendPoint1 = new google.maps.LatLng(bounds.getNorthEast().lat() + 0.01, bounds.getNorthEast().lng() + 0.01);
       var extendPoint2 = new google.maps.LatLng(bounds.getNorthEast().lat() - 0.01, bounds.getNorthEast().lng() - 0.01);
       bounds.extend(extendPoint1);
       bounds.extend(extendPoint2);
    }

    map.fitBounds(bounds);

    //Adjusting zoom here doesn't work :/

}

Une autre solution est d'étendre les limites, si vous détectez ils sont trop petits avant d'exécuter fitBounds():

var bounds = new google.maps.LatLngBounds();
//here you extend your bound as you like
//...
if (bounds.getNorthEast().equals(bounds.getSouthWest())) {
   var extendPoint = new google.maps.LatLng(bounds.getNorthEast().lat() + 0.01, bounds.getNorthEast().lng() + 0.01);
   bounds.extend(extendPoint);
}
map.fitBounds(bounds);

Une fois que vous avez ajouté toutes les véritables limites ajouter ces lignes

var offset = 0.002;     
var center = bounds.getCenter();                            
bounds.extend(new google.maps.LatLng(center.lat() + offset, center.lng() + offset));
bounds.extend(new google.maps.LatLng(center.lat() - offset, center.lng() - offset));

il obtenir le centre de l'véritables limites ajoute ensuite deux autres points, l'un au nord et un au sud-ouest de la vous centre

Cela détermine le minimum de zoom, de modifier la valeur de décalage pour augmenter ou diminuer le zoom

u peut utiliser

map.setOptions({
    maxZoom: [what u want],
    minZoom: [what u want]
});

de cette façon, u définir les propriétés de la carte après que la carte a été initialisée .... u pouvez définir autant de fois que tu veux ... mais dans le cas ... u peux les définir avant de fitBounds()

bonne chance,
rarutu

J'aime vraiment mrt solution et cela fonctionne parfaitement, si vous avez toujours seulement un point à travailler. J'ai cependant trouvé que si la zone de sélection n'était pas fondée sur un point, mais les points étaient très proches, ce qui pourrait entraîner la carte pour effectuer un zoom avant trop loin.

Ici un moyen de vérifier d'abord si les points sont à l'intérieur d'une distance les uns des autres, alors si elles sont plus petites que la distance minimale, d'étendre les limites de cette distance minimale:

var bounds = new google.maps.LatLngBounds();
//here you extend your bound as you like

//...

var minDistance = 0.002;
var sumA = bounds.getNorthEast().lng() - bounds.getSouthWest().lng();
var sumB = bounds.getNorthEast().lat() - bounds.getSouthWest().lat();

if((sumA < minDistance && sumA > -minDistance) 
&& (sumB < minDistance && sumB > -minDistance)){
var extendPoint1 = new google.maps.LatLng(bounds.getNorthEast().lat() + minDistance, bounds.getNorthEast().lng() + minDistance);
    var extendPoint2 = new google.maps.LatLng(bounds.getNorthEast().lat() - minDistance, bounds.getNorthEast().lng() - minDistance);
    bounds.extend(extendPoint1);
    bounds.extend(extendPoint2);
}

Espère que cela aide quelqu'un!

J'ai résolu avec ce morceau, depuis Google Maps V3 est basé sur l'événement:

vous pouvez dire à l'API pour faire reculer le zoom pour un montant adéquat lorsque l' zoom_changed les déclencheurs d'événement:

var initial = true
google.maps.event.addListener(map, "zoom_changed", function() {
    if (intial == true){
       if (map.getZoom() > 11) {
         map.setZoom(11);
         intial = false;
       }
    }
}); 

J'ai utilisé intial faire la carte, pas de zoom trop de chargement lors de l'éventuelle fitBounds permorfed, sans elle tout de zoom de l'événement plus de 11 serait impossible pour l'utilisateur.

J'ai soulution basée sur la limitation de zoom maximum lors de la pose de bornes. Fonctionne pour moi (testé sur Win 7 - 9 IE, FF 13, Chrome 19):

//When fitting bounds:
var bounds = new google.maps.LatLngBounds();
//...
//extend bounds as you like
//..

//now set global variable when fitting bounds
window.fittingBounds = true;
map.fitBounds(bounds);
window.fittingBounds = false;


//attach this event listener after map init
google.maps.event.addListener(map, 'zoom_changed', function() {
    //set max zoom only when fitting bounds
    if (window.fittingBounds && map.getZoom() > 16) {
        this.setZoom(16);
    }
});

Son déjà répondu ici Google Maps v3: Exécution min. le niveau de zoom lors de l'utilisation de fitBounds qu'il fonctionne comme prévu 🙂 alors maintenant, si après ajustement des limites de zoom est moins disons 13 ensuite, vous pouvez définir de nouvelles de zoom qui vous préférez

Ici est mon aller à une solution, qui fonctionne également lorsque deux marqueurs sont très proches. L'effectif maximum le niveau de zoom est le même dans les deux situations. Donc nous n'en finissent pas de zoom unneccesarily, quand il y a plus d'un marqueur

L'effet, encore une fois est d'assurer un niveau de zoom maximal, sans l'aide de la par maxzoom option, qui a probablement pour effet indésirable de ce qui rend impossible pour l'utilisateur de zoomer plus loin que le par maxzoom niveau avec la commande de zoom

J'ai calculé maxLat, minLat, maxLng et minLng à l'avance...

var minLatSpan = 0.002;
if (maxLat - minLat < minLatSpan) {
  //ensures that we do not zoom in too much
  var delta = (minLatSpan - (maxLat - minLat)) /2;
  maxLat += delta;
  minLat -= delta;
}

map.fitBounds({
  east: maxLng,
  west: minLng,
  north: maxLat,
  south: minLat,
});