SVG世界地图坐标

时间:2015-01-19 21:09:04

标签: javascript jquery html svg

在冒险尝试绘制图像的一条特定路线之前,我想知道是否有更好的方法可以做到这一点,而不是尝试使用 - (下面的例子)

<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>

并输入coords?

我从来没有尝试过这个问题之前和之前我得到了我的屁股踢,并告诉谷歌它等我看了很多选项,包括:

jVectorMap,DataMaps,JQVMap,CraftMap等等......

我有一个为我制作的图像,我可以将它分割成每个大陆的SVG文件,但只是真的检查它以查看你们的想法或有任何简单的JSFiddle演示我可以使用基础吗?

对此有任何帮助将不胜感激。

**我必须强调它不需要响应而且需要相对简单的事情**

2 个答案:

答案 0 :(得分:0)

如果您正在寻找一个以HTML格式制作图像地图的工具,那么有很多选择。大约15年前,我在Windows 98中使用了一个名为GEOHTML的版本。它仍然可用但很难找到。哦,它真的很老了: - )

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

答案 1 :(得分:0)

我不确定你究竟想要用地图实现什么,但这里有一个想法(前提是知识共享署名 - 非商业4.0国际许可):

转到here并下载适用于全世界的SVG文件(根据您的需要,详细信息或细节较低)。这是一个格式很好的SVG,每个国家都有ID和标题。

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