用于虚构视频游戏世界的 Google Maps api 自定义图块答案

【问题标题】：Google Maps api custom tiles for fictional video game world用于虚构视频游戏世界的 Google Maps api 自定义图块
【发布时间】：2012-09-04 22:20:29
【问题描述】：

我想使用 Google Maps v3 api 生成交互式 Google Map 界面，该界面使用自定义图块作为视频游戏中的地图。应用程序需要能够放大并显示每个缩放级别的正确图块。

我正在寻找有关如何完成此任务的一些资源或教程。 Google Maps v3 API 似乎只讨论使用位于普通 Google 地图图块之上的自定义图块。这在我的应用程序中没有意义，因为我的地图是针对虚构世界的，并且不会与现实世界地图中的任何内容对齐。也许我只是没有在 API 指南中看到我需要的内容......

【问题讨论】：

对于任何对答案感兴趣的人，我放弃了 Google Maps API 并转而使用 leafletjs.com。功能更强大，更易于开发，并且具有良好的文档维护。从未回头。
谷歌地图/地图引擎不够用的任何原因？
在使用 Leaflet 的整个开发过程中，有很多情况下，我用 1 行代码完成了我需要的工作，而在 Google 地图中需要 30 多行代码。传单是开源的。在 Github 上积极开发。等等。它很坚固。 Google Maps API 几乎是一个黑盒子。
@Jakobud，你用什么来创建你的自定义图块？
我刚刚从游戏文件中提取了图块（这个项目是ps2maps.com）。我整理了一些 Python 脚本，这些脚本使用 ImageMagick 重构和调整图块大小，并生成了我需要的一切。

标签： javascript google-maps google-maps-api-3

【解决方案1】：

查看参考资料中的ImageMapType 类。有一个漂亮的例子展示了Moon 瓦片。

我最喜欢的应用程序之一是The Internet map，开发人员写了一个非常甜蜜的article 来说明它是如何开发的。

【讨论】：

不幸的是，月球示例具有无限水平平铺布局，我希望避免这种情况。所以这对我来说没有用。

【解决方案2】：

您需要将自定义游戏地图图像切割成适当的文件/目录结构，以便轻松集成到 Maps API（here's an example 使用 Photoshop 和一些示例 HTML/JS 代码）。或者使用更友好的工具，例如TileMill，但这需要标准空间数据格式的数据，并且您可能没有以这种格式存储游戏地图。如果你能走这条路，他们还提供了一个名为 TileServe 的基于 Node.js 的服务器，这让集成变得轻而易举。

如果您期待大量流量，那么不妨查看Google Maps Engine，将您的自定义游戏地图图像直接托管在 Google 的基础架构中。

【讨论】：