0

こんにちは、Google マップに画像を読み込もうとしています。これが私が得たものです： ここに画像の説明を入力 赤い四角 - 私が見たもの。緑の四角 - 私が見たいもの。マップの読み込み後に緑色の四角にズームしたいのですが、どうにかできません。

コード：

<!DOCTYPE html>
<html>
<head>
   <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>
<body>
   <div id="map" style="width: 800px; height: 400px;"></div>
   <script type="text/javascript">
   var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 2,
      center: new google.maps.LatLng(0, 0),
      mapTypeId: google.maps.MapTypeId.ROADMAP
   });
   var imageBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(-90,-180),
     new google.maps.LatLng(90,180));
   var oldmap = new google.maps.GroundOverlay("http://www.dxatlas.com/HamCap/3Y0X/20UT-21MHz.gif", imageBounds);
   oldmap.setMap(map);
   oldmap.setOptions({opacity: 0.5});
   map.fitBounds(imageBounds);
   </script>
</body> 
</html>

緑色の四角が示すようにマップが見栄えのするオーバーレイ レイヤーにズームしたいのですが、「map.fitBounds(imageBounds);」のようになります。うまくいきません...アイデアはありますか？

4

1 に答える 1