我使用google map api创建自定义地图。为此,我重写 google.maps.ImageMapType
。我想定义不同于标准(256像素)的图块大小。这是必要的,因为我需要自定义地图适合页面上特定区域的大小,因为谷歌地图缩放不允许我按要求的准确度进行。如果我们使用 zoom=0
和 tileSize=256
定义地图,则一个图块包含所有世界坐标范围(-180 - 180度经度和大约-85 - 纬度85度)。但是,如果我们更改切片大小,例如128像素,那么我们会看到世界坐标映射到4个切片上,其中缩放不会更改( zoom=0
)。在文档(https://developers.google.com/maps/documentation/javascript/maptypes)中,我没有找到明确的解释。而且世界坐标依赖于瓷砖尺寸看起来很奇怪。您是否面对此问题以及您找到了哪些解决方法?
实施例
tileSize=256
, zoom=0
,https://jsfiddle.net/j9y9zLLs/ tileSize=128
, zoom=0
,https://jsfiddle.net/74q8nz9p/2/ 在示例中打开链接,找到磁贴 (0,0)
。单击图块的角落,在控制台中,您将看到世界坐标。在第一个示例中,tile (0,0)
具有所有世界坐标范围。在第二个示例中,世界坐标映射在 (0,0);(0,1);(1,0);(1,1)
上。