L'Api Google Maps v3 - getBounds est pas défini

Je suis passer de la v2 à la v3 de l'api google maps et eu un problème avec gMap.getBounds() fonction.

J'ai besoin d'obtenir les limites de ma carte après son initialisation.

Voici mon code javascript:


var gMap;
$(document).ready(

    function() {

        var latlng = new google.maps.LatLng(55.755327, 37.622166);
        var myOptions = {
            zoom: 12,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        gMap = new google.maps.Map(document.getElementById("GoogleMapControl"), myOptions);

        alert(gMap.getBounds());
    }
);

Alors maintenant, il me prévient que gMap.getBounds() est pas défini.

J'ai essayé de m'getBounds valeurs dans l'événement click et il fonctionne très bien pour moi, mais je ne peux pas obtenir les mêmes résultats en charge des évènements de la carte.

Aussi getBounds fonctionne très bien si le document est en cours de chargement dans Google Maps API v2, mais il échoue dans V3.

Pourriez-vous svp m'aider à résoudre ce problème?

InformationsquelleAutor DolceVita | 2010-05-14
  1. 128

    Dans les premiers jours de la v3 de l'API, le getBounds() méthode requise les tuiles de carte d'avoir fini de se charger, pour le retour des résultats corrects. Mais maintenant, il semble que vous pouvez écouter bounds_changed événement, qui est au même avant la tilesloaded événement:

    <!DOCTYPE html>
<html> 
<head> 
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
   <title>Google Maps v3 - getBounds is undefined</title> 
   <script src="http://maps.google.com/maps/api/js?sensor=false" 
           type="text/javascript"></script> 
</head> 
<body> 
   <div id="map" style="width: 500px; height: 350px;"></div> 

   <script type="text/javascript"> 
      var map = new google.maps.Map(document.getElementById("map"), {
         zoom: 12,
         center: new google.maps.LatLng(55.755327, 37.622166),
         mapTypeId: google.maps.MapTypeId.ROADMAP
      });

      google.maps.event.addListener(map, 'bounds_changed', function() {
         alert(map.getBounds());
      });
   </script> 
</body> 
</html>
    • C'est exactement ce dont j'ai besoin! merci =). Il a résolu mon problème.
    • merci....je souhaite que j'avais regardé ici une heure!
    • ceci est très utile pour moi, j'ai gaspillé presque 2 heures pour cette
    • Merci!!!! Il m'a beaucoup aidé
    • Parfait, merci !
    • Cela peut être utile aussi bien stackoverflow.com/questions/832692/...
    • Pour ce que ça vaut, j'ai constaté que, sur les téléphones Android, getBounds n'est pas disponible après le premier appel à bounds_changed, mais après celles qui ont suivi. Changer l'tilesloaded fixe qui (bien que certains laid actualise).

    InformationsquelleAutor Daniel Vassallo
  2. 20

    Il convient de travail, au moins selon la documentation de getBounds(). Néanmoins:

    var gMap;
$(document).ready(function() {
    var latlng = new google.maps.LatLng(55.755327, 37.622166);
    var myOptions = {
        zoom: 12,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    gMap = new google.maps.Map(document.getElementById("GoogleMapControl"), myOptions);
    google.maps.event.addListenerOnce(gMap, 'idle', function(){
        alert(this.getBounds());
    });
});

    Le voir fonctionner ici.

    • Merci pour ce lien, très bon système de test
    • Ce doit être la accepté de répondre. la veille est appelé de façon plus tôt que d'avoir à attendre pour toutes les tuiles pour être chargé.
    • Comment avez-vous déterminer que les idle événement est déclenché avant la tilesloaded événement? Pour moi, le tilesloaded événement en permanence les feux avant de la idle événement.
    • c'est exactement ce que je cherchais
    • C'est la meilleure solution si vous avez uniquement besoin de la fonction à exécuter une fois.
    InformationsquelleAutor Salman A
  3. 14

    Je disais Salman solution est meilleure parce que les idle événement est appelé plus tôt que la tilesloaded, car il attend que toutes les tuiles pour être chargé. Mais à regarder de plus près, il semble bounds_changed s'appelle même plus tôt, et il a également fait plus de sens, puisque vous êtes à la recherche pour les limites, non? 🙂

    Donc ma solution serait:

    google.maps.event.addListenerOnce(gMap, 'bounds_changed', function(){
    alert(this.getBounds());
});
    • Lorsque cette question a été posée, bounds_changed n'aurait pas travaillé, comme getBounds() nécessaire les tuiles à être chargé. +1 pour le proposer. Je vais mettre à jour ma réponse.
    InformationsquelleAutor treznik
  4. 11

    Dans d'autres commentaires ici, il est conseillé d'utiliser le "bounds_changed" événement sur "inactif", qui je suis d'accord avec. Certainement sous IE8 qui déclenche le "ralenti" avant "bounds_changed" sur ma machine de dev au moins, me laissant avec une référence à null dans getBounds.

    La "bounds_changed" de l'événement, cependant, sera déclenchée en permanence lorsque vous faites glisser la carte. En effet, si vous souhaitez utiliser cet événement pour lancer le chargement des marqueurs, il sera lourd sur votre serveur.

    Mon multi navigateur solution à ce problème:

    google.maps.event.addListenerOnce(gmap, "bounds_changed", function(){
   loadMyMarkers();
   google.maps.event.addListener(gmap, "idle", loadMyMarkers);
});
    • C'est la méthode que j'emploie, pour les mêmes raisons 🙂
    InformationsquelleAutor Almer
  5. 1

    Bien, je ne suis pas sûr si je suis en retard, mais voici ma solution à l'aide gmaps.js plugin:

    map = new GMaps({...});

//bounds loaded? if not try again after 0.5 sec
var check_bounds = function(){

        var ok = true;

        if (map.getBounds() === undefined)
            ok = false;

        if (! ok) 
            setTimeout(check_bounds, 500);
        else {
             //ok to query bounds here
              var bounds = map.getBounds();
        }   
    }

    //call it
    check_bounds();
    InformationsquelleAutor Fernando