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)
});
}
//]]>
こんにちはバス