创建交互式幻想地图的工具

Question

我有一张图像，这是一个为幻想世界定制的地图，我希望能够创建一个可缩放的交互式地图，以该图像为基础，以及在地图上添加标记的能力。

就像这样：https://genshin-impact-map.appsample.com/#/

我尝试过可缩放，但它在制作交互式地图方面很棒，但它不允许添加标记，这是我需要的特性(查看地图中某些点的信息)。我也读过这个答案，但它没有询问地图的交互部分。

我也不是在说生成地图，因为我已经有了一张地图。我想让它具有交互性，如果可能的话，我也希望这个图像能够被他们托管。

有这样的工具吗？

Answer 1

您可以使用Open、JavaScript和宣传单来实现它。传单容易学习，并有广泛的文件。有超过4k个问题与传单标签，所以你知道，你可以得到很好的帮助(我有)。

传单层提供者可能会有所帮助。

并阅读用Leaflet.js创建交互式世界地图。它绘制此地图，并添加标记和工具提示。它还提供了学习和适应的完整源代码。

S.O问题单张js虚构地图有一个被接受和被否决的答案，这也会帮助你。为了保存您阅读它，它链接到这 (这似乎是坏的，但ymmv)和这部分的官方传单文档。