HTML/JavaScript中的简单多层缩放（地图）平铺

我正在尝试用JavaScript创建一个简单的多层缩放地图，其中包含了分片（类似于谷歌地图——放大的越多，看到的细节就越多）。我不想使用谷歌地图API，因为我正在创建虚构的宝藏地图

我只想要两个缩放级别——缩小和放大。我制作了500像素乘500像素的瓷砖。缩小视图仅使用一个平铺，放大视图使用4个平铺。瓷砖的可视区域为75像素乘以75像素（窗口）。在这两个视图中，用户都可以平移

以下是两种观点：

我开始的时候很艰难。我想用HTML/CSS/JavaScript来实现这一点。我发现了一个名为Polymaps（）的东西，它似乎提供了我想要的东西，但有很多额外的特性。没有关于使用自定义平铺创建地图的教程。使用JavaScript可以轻松做到这一点吗？有什么建议吗？

试试：

SVGPan库具有以下功能：

• 平移（平移谷歌地图）（点击白色背景并 （潘）

• 缩放（使用鼠标滚轮）

• 元素拖动（单击图形元素并将其拖动到某个位置 （其他）

• 上述组合类似于拖动时缩放

---

以下是实现可缩放、多分辨率图像的三个选项：

• 简单图像平移/缩放库：
• 使用谷歌地图API并提供您自己的互动程序。见：
• 是一个广泛的、开源的 支持自定义平铺层的映射库

---

也许这些js LIB将用于以下目的：

• ：非常像谷歌地图，但更简单
• ：这一个有点不同，因为它较少用于贴图，而更多用于具有特定POI的一般图像，但肯定可以用于贴图

---

我用来显示个人/娱乐项目的幻想地图。

你的地图里有什么？是SVG图形还是纯图像？您希望它支持什么样的操作？SVG。放大、缩小和平移。在Android和iOS上进行多点触摸缩放和平移效果会很好，但我很乐意开始。@user1822824我想知道您是否找到了解决问题的方法。我正在做同样的事情，可以使用您的帮助这是好的，但我需要2个缩放层。当用户放大时，应显示更多详细信息。就像谷歌地图一样，当你放大时，你会看到街道等。我认为你必须根据鼠标事件处理代码中加载的SVG数据（内容）。