84

v2からv3のgooglemapsapiに切り替えていますが、gMap.getBounds()機能に問題があります。

マップの初期化後にマップの境界を取得する必要があります。

これが私の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());
    }
);

だから今、それgMap.getBounds()は未定義であることを私に警告します。

クリックイベントでgetBounds値を取得しようとしましたが、正常に機能しますが、ロードマップイベントで同じ結果を取得できません。

また、ドキュメントがGoogle Maps API v2に読み込まれている間、getBoundsは正常に機能しますが、V3では失敗します。

この問題を解決するのを手伝ってくれませんか。

4

6 に答える 6

138

v3 APIの初期の頃、このgetBounds()メソッドでは、正しい結果を返すために、マップタイルの読み込みが完了している必要がありました。ただし、イベントbounds_changedの前でも発生するイベントを聞くことができるようになりました。tilesloaded

<!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>
于 2010-05-14T09:20:02.977 に答える
21

少なくとも getBounds() のドキュメントによると、動作するはずです。それにもかかわらず：

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());
    });
});

ここで動作することを確認してください。

于 2010-05-14T09:27:33.053 に答える
15

すべてのタイルが読み込まれるのを待つため、idleイベントがイベントよりも早く呼び出されるため、Salman のソリューションの方が優れていると言っていた。tilesloadedしかし、よく見ると、それbounds_changedはさらに早く呼び出されているように見え、境界を探しているので、より理にかなっていますよね? :)

したがって、私の解決策は次のようになります。

google.maps.event.addListenerOnce(gMap, 'bounds_changed', function(){
    alert(this.getBounds());
});
于 2010-10-25T00:11:54.287 に答える
11

ここでの他のコメントでは、「idle」ではなく「bounds_changed」イベントを使用することをお勧めします。これには同意します。確かに、少なくとも私の開発マシンでは「bounds_changed」の前に「idle」をトリガーするIE8の下では、getBoundsでnullへの参照が残ります。

ただし、「bounds_changed」イベントは、マップをドラッグすると継続的にトリガーされます。そのため、このイベントを使用してマーカーの読み込みを開始する場合は、Webサーバーに負荷がかかります。

この問題に対する私のマルチブラウザソリューション：

google.maps.event.addListenerOnce(gmap, "bounds_changed", function(){
   loadMyMarkers();
   google.maps.event.addListener(gmap, "idle", loadMyMarkers);
});
于 2012-01-11T11:32:04.463 に答える
1

遅すぎるかどうかはわかりませんが、 gmaps.jsプラグインを使用した私のソリューションは次のとおりです。

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();
于 2013-10-22T19:19:24.860 に答える