像 Google Maps 一样从 PNG 创建地图

Question

我们需要从光栅文件创建一个小镇的地图。我们的客户拒绝使用已知的 API，例如 Google Maps、OSM 等。截止日期前的时间很短。从图片创建小型 web 地图的最快方法是什么？某种 JavaScript 框架？ 要求：拖动、缩放和标记。 在没有像 MapServer 或 GeoServer 这样的大型胖服务器的情况下这样做是非常可取的，因为我们没有太多时间以这种格式重绘地图。

Answer 1

最简单的方法是创建一个带有Image 层的OpenLayers 地图。 Here is an example 它是如何工作的。

请考虑在 OpenLayers 可以操作之前将整个图像加载到客户端。因此，如果它是一个巨大的图像，它可能不是最好的选择。

其他选项是使用MapTiler 创建一个瓦片金字塔，然后您可以简单地将其托管在您的网络服务器上（不需要 MapServer 或 GeoServer），然后使用 OpenLayers 中的 TileCache 层在地图上显示瓦片。当您使用它平铺图像时，MapTiler 会创建具有所有必要设置的 OpenLayers 示例。