Google Maps v3 getBounds s'étend au-delà de ce qui est visible sur la carte

Pour une raison quelconque, le getBounds() fonction de Google Maps v3 semble étendre beaucoup plus loin que ce que la carte montre en fait. Corrigez-moi si je me trompe, mais il ne devrait pas retourner le nord-est (en haut à droite) et SW (en bas à gauche) la latitude et la longitude de la très coins de ce qui est montré dans l'affichage actuel?

Je suis de retour les résultats de la recherche (qui sont mappés par un lat, lng) qui sont entre ces coordonnées et je suis retourné les résultats beaucoup plus loin à l'extérieur de la zone retourné par getBounds(). Toutes les idées sur ce qui pourrait se passer ici?

Juste pour info, je reçois les limites sur le plan de veille de l'événement:

google.maps.event.addListener(map, 'idle', function() {

var bounds = map.getBounds();
var NE = bounds.getNorthEast();
var SW = bounds.getSouthWest();

...et de l'aide .lat() et .lng() pour obtenir les coordonnées auprès de tous les coins. Puis-je nourrir que pour une requête SQL qui vérifie les résultats entre ces coordonnées. Les résultats sont dans la zone général, mais peut vont au-delà de ce qui est réellement affichée sur la carte.

Toutes les idées sont appréciées! Merci!

NOTE: Ceci a été fait en raison de beaucoup plus de bug avec certains marqueurs étant afficher/ne pas être montré et d'être lié à un mauvais résultat de recherche. Google, bien sûr, était de retour des résultats corrects.

OriginalL'auteur Ryan | 2010-08-21

  1. 18

    Correct, le map.getBounds() sera de retour les limites de la zone visible, comme le montre l'exemple ci-dessous. Dans cet exemple, un rouge Polyligne zone est dessinée à l'aide de points de map.getBounds() lorsque le idle événement se déclenche.

    Votre requête SQL peut-être pas renvoyer les résultats vous sont à la recherche pour, et peut-être besoin regarda de nouveau.

    <!DOCTYPE html>
<html>
<head>
<title>Bounds Box</title>
<script type="text/javascript"
    src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
      function initialize() {

        var latlng = new google.maps.LatLng(30.405865,-87.283362);
        var myOptions = {
          zoom: 8,
          center: latlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"),
            myOptions);
        var viewportBox;

        google.maps.event.addListener(map, 'idle', function(event) {
            var bounds = map.getBounds();

            var ne = bounds.getNorthEast();
            var sw = bounds.getSouthWest();

            var viewportPoints = [
                ne, new google.maps.LatLng(ne.lat(), sw.lng()),
                sw, new google.maps.LatLng(sw.lat(), ne.lng()), ne
            ];
            /*strokeOpacity = 0 , if don't want to show the border moving. */
            if (viewportBox) {
                viewportBox.setPath(viewportPoints);
            } else {
                viewportBox = new google.maps.Polyline({
                    path: viewportPoints,
                    strokeColor: '#FF0000',
                    strokeOpacity: 1.0,
                    strokeWeight: 4 
                });
                viewportBox.setMap(map);
            };

            var info = document.getElementById('info');
            info.innerHTML = 'NorthEast: ' + ne.lat() + '   ' + ne.lng() + 
                '<br />' + 'SouthWest: ' + sw.lat() + '   ' + sw.lng();
        });
      };
</script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:500px; height:500px"></div>
  <div id="info"></div>
</body>
</html>
    Yup, c'était en fait un autre bug avec les marqueurs qui me mélangés. Bonne démo pour montrer les limites, merci.
    +1 Bonne réponse @Eric 🙂
    u ne trouvé le bug avec les marqueurs? Je vais avoir le même problème!

    OriginalL'auteur Eric C