寻找一个交互式javascript地图解决方案，允许放大，标记和使用位图图像(不是SVG))

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

注意：需要提及的一件适用于每种备选方案的重要事项是，您不必将图像叠加在现有地图之上。您可以只显示带有图像的基础图层。