在谷歌般的地图中移动图像

时间:2015-02-08 02:08:03

标签: javascript jquery html css canvas

在发布这个问题之前,我做了很多尝试,到处搜寻替代品,但我放弃了,我在这里问...

创建由函数控制的交互式地图的最简单方法是什么? 以下是详细信息:

我有一个固定宽度/高度的div,没有背景,我需要在任何位置动态添加内容(图像/文本),如果需要,它们也可以相互重叠。

一个例子胜过千言万语: - 假设div为500w 500h,我需要在(200,200)创建一个大小为50x50的图像

以下是千言万语: 我尝试使用画布,但是在不触及其他东西的情况下删除某些东西太难了(例如,如果图像#1和#2重叠并且我想要删除#1,我将在此过程中删除部分img#2当然最好的办法是保存存储的东西,当我需要删除的东西时我可以重新绘制所有其余东西,但这是一个巨大的痛苦,如果更容易存在会更好)

也尝试使用http://leafletjs.com/index.html,但它似乎太强大了解决我的问题,我甚至不知道它是否在没有背景的情况下工作。

也许最好的解决方案是使用具有良好定位的简单div,因此我可以轻松地通过功能更改其内容,但我很喜欢div定位。

感谢所有能帮助我的人:)

1 个答案:

答案 0 :(得分:0)

我真的推荐MapBox JavaScript API。它是我在各种情况下使用的一个漂亮的实用程序。 https://www.mapbox.com/blog/mapbox-javascript-api/极易扩展的API。