0

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

在这里你可以看到它：

在此处输入图像描述

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

提前谢谢了。

4

2 回答 2

0

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

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

然后将它们视为 1 个较大的多边形，用于颜色填充和单击区域。如果要删除内部边框，只需将笔划设置为与填充相同的颜色。

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

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

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

于 2013-06-28T00:01:43.560 回答
0

以“shapefile”或其他地理空间数据格式获取原始地理数据文件，加载到 GIS 包中（Quantum GIS 是免费的、开源的且功能强大的），然后进行多边形溶解操作。

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

于 2013-06-28T06:59:49.820 回答