javascript - 在类似谷歌的 map 中移动图像

Question

在发布这个问题之前，我做了很多尝试并到处寻找替代方案，但我放弃了，我在这里问..

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

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

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

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

还尝试了 http://leafletjs.com/index.html , 但它似乎太强大了，无法解决我的问题，我什至不知道它是否可以在没有背景的情况下工作。

也许最好的解决方案是使用具有良好定位的简单 div，这样我可以轻松地通过函数更改其内容，但我不擅长 div 定位。

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

Answer 1

我真的推荐 MapBox JavaScript API。这是一个很棒的实用程序，我在各种情况下都使用过。 https://www.mapbox.com/blog/mapbox-javascript-api/极其可扩展的 API。