SVG 世界地图坐标

SVG world map coords

本文关键字：坐标 世界地图 SVG      更新时间：2023-09-26

在我冒险走一条特定的路线来绘制图像之前，我想知道是否有更好的方法来做到这一点，而不是尝试使用 - （下面的示例）

<map name="myMap">
  <area shape="uk" coords="0,0,82,126" href="" alt="uk">
  <area shape="africa" coords="90,58,3" href="" alt="africa">
  <area shape="northUSA" coords="124,58,8" href="" alt="northUSA">
</map>

并输入坐标？

我

从来没有尝试过这个，在我被踢屁股并告诉去谷歌它等之前，我已经看了很多选择，包括：

jVectorMap，DataMaps，JQVMap，CraftMap等等。

我

有一个为我制作的图像，我可以将其切成每个大陆的 SVG 文件，但只是真正检查它看看你们的想法或有任何简单的 JSFiddle 演示，我可以用作基础？

任何这方面的帮助将不胜感激。

**我

必须强调，它不需要响应，而且相对简单**

如果您正在寻找在 HTML 中制作图像映射的实用程序，有很多选择。大约15年前，我在Windows 98中使用了一个叫做GEOHTML的。它仍然可用，但很难找到。哦，它真的很旧：-）

有网络应用程序选项以及 http://www.image-maps.com/

我不确定你到底想用地图实现什么，但这里有一个想法（前提是它包含在知识共享署名-非商业性使用4.0国际许可协议中）：

转到此处并下载适用于世界的 SVG 文件（低细节或高细节，具体取决于您的需求）。这是一个格式很好的 SVG，每个国家/地区都有 ID 和标题。

如果要使其具有交互性，可以将单击事件附加到 SVG 中的每个<path>元素。

相关文章：