世界地図全体をカバーするグラウンド オーバーレイを実装しています。現時点で2つの問題があります。
最初の画像は、世界地図全体に比例しており、適切に引き伸ばされた (と思う) 場合でも、やや奇妙に引き伸ばされて表示されます。
次に、過度にズームアウトしたときに「より多くの世界をカバーする」ためにグラウンド オーバーレイをタイル表示したいのですが、タイル表示が可能かどうかはわかりません。
ここに私のコードがあります:
var start = new google.maps.LatLng(0, 0),
sw = new google.maps.LatLng(-84, -178), // South West
ne = new google.maps.LatLng(84, 178), // North East
imageBounds = new google.maps.LatLngBounds(sw, ne),
mapOptions = {
zoom: 3,
center: start,
mapTypeId: google.maps.MapTypeId.ROADMAP
},
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions),
oldmap = new google.maps.GroundOverlay("images/world.png", imageBounds);
oldmap.setMap(map);
ここで見ることができます:
http://jsfiddle.net/maurizioliberato/A64nb/1/embedded/result/
前もって感謝します