用于图像拖动,滚动和缩放的JS库,以及谷歌地图等图片上的标记

时间:2011-07-03 18:29:38

标签: javascript html5 google-maps overlay image

我正在寻找像js库这样的谷歌地图只是为了一个图像。我需要的功能很简单:拖动,滚动,缩放和最重要的是标记(最终向量)。但是我想在背景中找到一张图片而不是地图。

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

有没有人已经看过这样的工具或是否有助于开发它?

关心曼努埃尔

2 个答案:

答案 0 :(得分:1)

openlayers怎么样?

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

答案 1 :(得分:1)

您可以在Google地图中使用自定义图层 - 因此您可以使用自己的图块(图片)替换整个地图。这里有一个简单的例子:http://code.google.com/apis/maps/documentation/javascript/examples/groundoverlay-simple.html或更复杂的http://mapwow.com/