Google Maps v3 fitBounds() Zoom trop proche pour un seul marqueur

Question

Existe-t-il un moyen de définir un niveau de zoom maximal pour fitBounds()?

Mon problème est que lorsque la carte ne reçoit qu'un seul emplacement, elle zoome autant que possible, ce qui sort vraiment la carte de son contexte et la rend inutile. Peut-être que j'adopte la mauvaise approche ?

Answer 1

J'aime la solution de mrt (surtout quand on ne sait pas combien de points seront cartographiés ou ajustés), sauf qu'elle déplace le marqueur de sorte qu'il ne soit plus au centre de la carte. Je l'ai simplement étendu en ajoutant un point supplémentaire en soustrayant .01 à la latitude et à la longitude également, afin de garder le marqueur au centre. Ça fonctionne très bien, merci mrt!

// Ajuster la carte pour afficher tous les marqueurs
function fitToMarkers(markers) {

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

    // Créer les limites à partir des marqueurs
    for( var index in markers ) {
        var latlng = markers[index].getPosition();
        bounds.extend(latlng);
    }

    // Ne pas zoomer trop près sur un seul marqueur
    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);

    // Ajustement du zoom ici ne fonctionne pas :/

}

Answer 2

Vous pouvez configurer votre carte avec maxZoom dans les MapOptions (api-reference) comme ceci :

var map = new google.maps.Map(document.getElementById("map"), { maxZoom: 10 });

Cela empêcherait la carte de zoomer plus profondément lors de l'utilisation de fitBounds() et même supprimerait les niveaux de zoom du contrôle de zoom.

Answer 3

Une autre solution consiste à étendre les limites si vous détectez qu'elles sont trop petites avant d'exécuter fitBounds():

var bounds = new google.maps.LatLngBounds();
// ici vous étendez vos limites comme vous le souhaitez
// ...
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);

Answer 4

var map = new google.maps.Map(document.getElementById("map"), { maxZoom: 10 });

Utiliser l'option MaxZoom fonctionne mieux pour ne pas zoomer trop près des marques que vous avez.

Answer 5

Si c'est pour un seul endroit, vous pouvez utiliser setCenter() et setZoom() à la place.