1

2 つの Google マップ ウィンドウ (API 3 バージョン) で同時にパンするコードを作成しました。同時にズームもできるようにしてほしいです。私は api2 で動作させましたが、Google マップの ap3 バージョンでは動作しません。誰か提案がありますか?前もって感謝します

現在のコードの動作例

var map;
var map2;
function load(x,y) {

var myOptions = {
  zoom: 7,
  center: new google.maps.LatLng(x,y),
  mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map"), myOptions);

var myOptions2 = {
  zoom: 7,
  center: new google.maps.LatLng(x,y),
  mapTypeId: google.maps.MapTypeId.SATELLITE
}
map2 = new google.maps.Map(document.getElementById("map2"), myOptions2);

        var map_moving = 0;
        var map2_moving = 0;

        var zoomLevel = map.getZoom();  

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


                            map2_moving = true;
            if (map_moving == false) {
                map2.setCenter(map.getCenter(), map.getZoom());
                                    infowindow.setContent('Zoom: ' + zoomLevel);
            }
                            map_moving = false;
                            map2_moving = true;
});


  google.maps.event.addListener(map2, 'bounds_changed', function() {
                        map_moving = true;
            if (map2_moving == false) {
                        map.setCenter(map2.getCenter(), map2.getZoom());
                                    infowindow.setContent('Zoom: ' + zoomLevel);
            }
                            map_moving = true;
                            map2_moving = false;

});

var infowindow = new google.maps.InfoWindow(
{ 
size: new google.maps.Size(150,50)
});
}
  //]]>

こんにちはバス

4

0 に答える 0