Google Maps API V3:绑定世界以适应区域并禁用地图重复

Question

设置center: new google.maps.LatLng(0,0)将设置世界的中心.而zoom: 1使得默认缩放到整个世界.

问题是,给定地图的大小为616像素×310像素,我们如何修改/调整地图大小,以便它很好地适合给定的大小.例如,只显示一个世界实例,地图的底部将是非洲的底部.因此随后的世界地图将不再重复.准确地说,我们的地图绑定如下:

这是我到目前为止所得到的:

Answer 1

在给定的缩放级别下,整个世界的"图片"具有恒定的大小.对于缩放级别1,它是512像素,对于缩放级别2 1024,3 = 2048,4 = 4096等...

为了适应整个世界而不重复它,你需要在这个缩放级别上有一个小于整个世界图片的地图div,否则它将无法工作.

对于缩放级别1,地图需要512才能理想地适应并且不需要换行.

https://output.jsbin.com/vabago 是一个示例,它显示给定缩放级别的世界宽度并将其记录到控制台.当你放大时,它还会调整地图的大小以适应整个世界(通常做一件愚蠢的事情,但这里只是展示了它是如何工作的).

HTH