在 HTML/Javascript 中创建交互式地图

Question

我正在尝试创建一个虚构的地图，我可以放大和缩小以调整大小并查看更精细的细节，其中还包括可点击的区域，如标记。 本质上，我正在尝试创建类似以下内容：

https://www.ign.com/maps/gta-5/los-santos-blaine-county

https://www.worldanvil.com/w/WorldAnvilCodex/map/ae7a3c29-5398-4cdb-8cc4-4e9f2e3b4275

编辑：所附图像是地图的示例。我计划做的是让这张地图具有交互性，网站用户可以在其中缩放、平移和点击链接/图钉等。1

Answer 1

如果您是全新的，则应该使用纯 js 并尝试使用 google maps api。它有大量的文档，如果你遇到困难，Stackoverflow 有很多关于不同级别问题的答案。