javascript - 寻找允许放大、标记和使用位图图像（不是 SVG）的交互式 javascript 地图解决方案）

Question

这是一个不错的，但它不允许放大。

移动地图

我想知道是否有人为此插件实现了缩放？

最终，如果有一个指南告诉我如何只获取一个 300DPI 左右的地图 PNG 文件，然后以 30% 的大小显示它，当点击图像上的任何点时，它会放大该区域@ 100% 显示一些可以单击以启动事件等的标记会很棒。

很想使用 SVG 或 Canvas，但显然 IE8 不支持它，所以那是不行的。

Answer 1

假设你想免费：

• 例如，您可以使用 MapCruncher 从大图像中创建一堆图块，并在 Bing 地图中使用它们。我创建了一篇博客文章，展示了该过程：

  http://build-failed.blogspot.pt/2012/03/custom-map-tiles-part-1.html

• 另一种选择是将 Zoomify 与 OpenLayers 一起使用。在此处查看演示：

  http://openlayers.org/dev/examples/zoomify.html

• 更硬核的是使用 GDAL2Tiles。这是一个将图像转换为图块的 python 脚本。然后，您可以将该层与大多数地图 api 一起使用。

  http://www.gdal.org/gdal2tiles.html

注意：要提到的适用于每个备选方案的重要一点是，您不必将图像覆盖在现有地图的顶部。您可以只显示带有图像的基础层。