L'API Google maps V3 méthode fitBounds()

J'ai ce code qui rend une carte.

function initialize() {
    var myOptions = {
      center: new google.maps.LatLng(45.4555729, 9.169236),
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP,

panControl: true,
mapTypeControl: false,
panControlOptions: {
            position: google.maps.ControlPosition.RIGHT_CENTER
        },
zoomControl: true,
zoomControlOptions: {
    style: google.maps.ZoomControlStyle.LARGE,
    position: google.maps.ControlPosition.RIGHT_CENTER
},
scaleControl: false,
streetViewControl: false,
streetViewControlOptions: {
    position: google.maps.ControlPosition.RIGHT_CENTER
            }
        };
    var map = new google.maps.Map(document.getElementById("mapCanvas"),
        myOptions);



var Item_1 = new google.maps.LatLng(45.5983128 ,8.9172776);

var myPlace = new google.maps.LatLng(45.4555729, 9.169236);

var marker = new google.maps.Marker({
    position: Item_1, 
    map: map});

var marker = new google.maps.Marker({
    position: myPlace, 
    map: map});

var bounds = new google.maps.LatLngBounds(myPlace, Item_1);
map.fitBounds(bounds);

    }

Même si les deux points sont séparés de 25 km j'obtiens ce résultat:

Alors que je voudrais rendre un plus haut niveau de zoom.

Comme ce

L'API Google maps V3 méthode fitBounds()

J'utilise la méthode fitBounds()

    var bounds = new google.maps.LatLngBounds(myPlace, Item_1);
    map.fitBounds(bounds);

Merci pour votre soutien

InformationsquelleAutor maxdangelo | 2012-04-22

137

Cela se produit parce que LatLngBounds() ne pas prendre deux points arbitraires paramètres, mais SW et NE points

utiliser le .extend() méthode à vide sur un objet défini
```
var bounds = new google.maps.LatLngBounds();
bounds.extend(myPlace);
bounds.extend(Item_1);
map.fitBounds(bounds);
```
Démo à http://jsfiddle.net/gaby/22qte/
- Réponse correcte. Besoin de passer des SW et NE points à l'extension de la méthode. Cependant, la fitBounds méthode doit être appelée une fois que la carte est complètement chargé, comme vanthome réponse ci-dessous: google.cartes.de l'événement.addListenerOnce(carte, 'inactif', function() { map.fitBounds(markerBounds); }); Vous pouvez également passer rembourrage=0 à fitBounds comme ceci: carte.fitBounds(markerBounds, 0);
InformationsquelleAutor Gabriele Petrioli
29

LatLngBounds doit être défini avec des points (sud-ouest, nord-est) de commande. Vos points ne sont pas dans l'ordre.

Le grand miracle, surtout si vous ne connaissez pas les points de sera certainement dans cet ordre, est d'étendre un vide limites:
```
var bounds = new google.maps.LatLngBounds();
bounds.extend(myPlace);
bounds.extend(Item_1);
map.fitBounds(bounds);
```
L'API allons trier les limites.
- Ah! Juste battu pour elle. iPad claviers ne pas faire le typage rapide facile.
InformationsquelleAutor Andrew Leach
21

J'ai le même problème que vous décrivez bien que je suis en train de construire mon LatLngBounds comme proposé ci-dessus par. Le problème, c'est que les choses sont asynchrones et en appelant map.fitBounds() au mauvais moment peut vous laisser avec un résultat comme dans le Q.
La meilleure façon que j'ai trouvée est de placer l'appel à l'arrêt de gestionnaire comme ceci:
```
google.maps.event.addListenerOnce(map, 'idle', function() {
    map.fitBounds(markerBounds);
});
```
- Merci, cela a été une grande aide pour moi parce que j'étais le géocodage des adresses coords, puis de la cartographie pour ceux coords, mais il ne fonctionnait pas
- J'ai rencontré un problème similaire en raison de l'contenant du code HTML ne s'affichent pas encore tout en appelant fitBounds(), donc, apparemment, le zoom n'arrivais pas à lui-même. Faire sûr que la carte est affichée en premier avant d'essayer de zoom, ça m'a aidé.
- ÉNORME aider, merci pour cette réponse
- Merci beaucoup, vous me sauver, cela fonctionne parfaitement, cette réponse est correcte pour mon cas.
InformationsquelleAutor vanthome

 var map = new google.maps.Map(document.getElementById("map"),{
                mapTypeId: google.maps.MapTypeId.ROADMAP

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

for (i = 0; i < locations.length; i++){
        marker = new google.maps.Marker({
            position: new google.maps.LatLng(locations[i][1], locations[i][2]),
            map: map
        });
bounds.extend(marker.position);
}
map.fitBounds(bounds);

Cool, ça marche pour moi. Merci @MAMASSi

InformationsquelleAutor Mourad MAMASSI

Vous devez vous connecter pour publier un commentaire.