如何在JavaScript中实现映射？

我想知道，最简单的方法是什么：

{x: 0, y: 0, image: 'map_00_00.png',
x: 50, y: 0, image: 'map_01_00.png',
x: 50, y: 50, image: 'map_01_01.png'}

就像谷歌地图一样。我想继续使用jQuery。你会使用一些插件来拖动吗？还是只参加一些简单的活动

我认为最简单的方法是一次加载所有图像，用CSS定位它们，并添加一些拖动以显示视口的隐藏部分

---

我还是很好奇别人怎么想

最简单的方法可能就是通过谷歌地图API向谷歌地图添加一个。查看可能适合您的项目。

查看该项目。这是一个开源的地图界面实现（非常像谷歌地图）。你可以从那里得到一些想法。

所以我今天早上就四处转转，这很简单

一个div位于[0,0]，具有100%的宽度和高度

里面是另一个div，它是绝对定位的，最初位于[0,0]，但这个div会随着拖动而移动。而且，所有的东西都在这个里面

不能使用jQuery的可拖动实现。问题是，您不想拖动div编号2本身，因为您会将其拖走：-）

---

所以我实现了我自己的drag-n-drop，它接收顶部div上的事件并移动底层div。结帐

我希望你意识到这将是一个很大的工作…我不会有一个完整的应用程序在此基础上周末：-）我们会在哪里没有挑战，无论如何-简单，我的意思是不仅易于实现，而且轻量级。（应该写这个问题。）谷歌API根本不是轻量级的——不管怎样，我想从头开始构建它。