Javascript 在类似谷歌的地图中移动图像

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

创建由函数控制的交互式地图的最简单方法是什么？ 详情如下:

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

一个例子胜过千言万语： -假设div是500w500h，我需要创建一个大小为50x50的200200图像

以下是千言万语： 我尝试使用canvas，但是如果不接触其他东西就很难删除某些东西，例如，如果图像1和2重叠，我想删除1，我会在这个过程中删除img 2的一部分。当然，最好的办法是将存储的东西保存到需要删除的时候，我可以重新绘制其余的东西，但这是一个巨大的痛苦，如果存在更简单的东西会更好

也尝试过，但它似乎太强大了，无法解决我的问题，我甚至不知道它在没有背景的情况下是否有效

也许最好的解决方案是使用简单的div和良好的定位，这样我就可以很容易地通过函数更改它们的内容，但我在div定位方面很差劲

---

感谢所有能帮助我的人：

我真的推荐MapBox JavaScript API。这是一个漂亮的实用程序，我在各种情况下都使用过。非常可扩展的API