【问题标题】:Convert HTML Path to SVG将 HTML 路径转换为 ​​SVG
【发布时间】:2013-06-25 07:42:14
【问题描述】:

我从某处获取了一些代码,以使用 SVG 创建交互式英国地图。

你可以在这里看到它:

我想知道如何将蓝色区域变成一个大多边形,而不是单独的区域。任何帮助将不胜感激!

非常感谢。

【问题讨论】:

  • “蓝色区域”是英格兰和威尔士加上马恩岛(位于苏格兰灰色区域下方的最北端岛屿)。

标签: map svg path


【解决方案1】:

您可以对较小的多边形路径进行分组,例如

<g id="England">
    <path .... />
    <path .... />
    <path .... />
</g>

然后将它们视为 1 个更大的多边形,用于颜色填充和单击区域。如果您想移除内边框,只需将笔划设置为与填充相同的颜色即可。

你唯一不能做的就是描边外部组,因为它本身没有形状,它只是内部形状的集合,没有办法只描边不与另一个组成员接壤的边缘.为此,您可能需要实际合并多边形,这在 Inkscape 或 Adob​​e Illustrator 中可能更容易完成

在此处查看我对美国西部各州进行分组的示例。单击组中的任意位置以更改颜色。在 svg(html panel) 代码中,CA-WA-OR 是底部的最后 3 条路径...

http://jsfiddle.net/webchemist/K9jdD/

【讨论】:

    【解决方案2】:

    以“shapefile”或其他地理空间数据格式获取原始地理数据文件,加载到 GIS 包中(Quantum GIS 是免费、开源且功能丰富的),然后执行 多边形溶解 操作.

    如果您可以使用这些语言中的任何一种进行编程,您也可以使用具有 C、Python 和 R 接口的 GEOS 库来执行此操作。

    【讨论】:

      猜你喜欢
      • 2017-08-23
      • 1970-01-01
      • 1970-01-01
      • 2020-11-02
      • 1970-01-01
      • 1970-01-01
      • 2020-05-15
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多