用于图像拖动、滚动和缩放的 JS 库 + 谷歌地图等图片上的标记答案

【问题标题】：JS library for image dragging, scrolling and zooming + markers on pictures like google maps用于图像拖动、滚动和缩放的 JS 库 + 谷歌地图等图片上的标记
【发布时间】：2011-07-03 18:29:37
【问题描述】：

我正在寻找像 js 库这样的谷歌地图，只是为了一张图片。我需要的功能很简单：拖动、滚动、缩放，最重要的是标记（最终是矢量）。但不是地图，我想在背景中有一张图片。

图书馆应该做什么的描述：认为这将是一个类似于地图的情况。在这个网络应用程序中，我想要一个像谷歌地图中的瓷砖一样的图像（例如藏宝图，建筑物的地图）。图像应该是可移动和可缩放的。覆盖在图片上的应该是标记。标记可以像字母（a、b、c）、符号、指针、div 元素一样简单……标记固定在图像上，相对于其大小（缩放）和位置，如谷歌地图。用户交互需要拖放支持。在编辑资源时，用户可以将新标记拖放到地图上或移动/删除现有标记。如果用户未处于编辑模式，则标记可以用作工具提示或链接。此外，如果单击“图像”之外的链接，图像应该滚动到正确的位置，以在“图像”地图上显示搜索结果。该应用程序也应该可以在移动设备上运行。

有没有人见过这样的工具或有兴趣帮助开发它？

问候曼努埃尔

【问题讨论】：

它应该可以在 phonegap 之类的移动框架中使用！如前所述，它不应该在背景中使用 gps（长/纬度）地图，因为我只有图片/矢量。
我确实知道这个问题已经有 7 年历史了，但是......你有没有发现任何有用的东西？一个好的建议对我真的很有帮助.. 否则我可能会尝试通过谷歌地图 api 来实现它...jsfiddle.net/a7vm63bw/1
@xatenev。从那以后没有找到任何东西，也没有需要
感谢您的回复！

标签： javascript html google-maps overlay image

【解决方案1】：

openlayers怎么样？

它具有与谷歌地图类似的界面，但允许您自定义图块/地图和标记，并且不依赖于谷歌的服务器。

【讨论】：

感谢您的快速回答，其他很多但可能不是我需要的。我喜欢你。但我只需要一个 svg/img。脸书上的湖面标记。我想在图像上标记特殊点+缩放。也没有任何与 openlayers 给出的标记交互的示例。

【解决方案2】：

您可以在 Google 地图中使用自定义图层 - 这样您就可以用自己的图块（图像）替换整个地图。简单的例子在这里：http://code.google.com/apis/maps/documentation/javascript/examples/groundoverlay-simple.html或更复杂的http://mapwow.com/

【讨论】：

不符合我的需要。我无法使用谷歌地图，因为谷歌地图仍在后台。