效果可以看这里: http ://ec2-23-22-99-12.compute-1.amazonaws.com/
当页面加载并且地图位于大西洋某处的中心时......一切看起来都很好。
但是,如果我们要将地图视图拖到印度的上方......地图会跳转到另一个“世界瓷砖”(给它一个名字:P)
var vegtype_bounds = new google.maps.LatLngBounds(
new google.maps.LatLng(-59,-176.8), // south-west
new google.maps.LatLng(84,179) // north-east
);
var vegtype = new google.maps.GroundOverlay( '../vegtype_overlay.png', vegtype_bounds, overlayOptions );
正如代码所示,它是一个相当大的覆盖层......但我很乐意
- 让整个世界地图的所有水平实例都平铺
- 限制它保留在页面加载时使用的地图上(而不是在 x 轴平铺地图之间跳转)