Fatal编程技术网
  • map/
  • Map 将HTML路径转换为SVG

Map 将HTML路径转换为SVG

map svg path

Map 将HTML路径转换为SVG,map,svg,path,Map,Svg,Path,我从某处抓取了一些代码，用SVG创建了一个交互式的英国地图 你可以在这里看到： 我想知道如何将蓝色区域变成一个大多边形，而不是单独的区域。任何帮助都将不胜感激 非常感谢。您可以将较小的多边形路径分组，如 <g id="England"> <path .... /> <path .... /> <path .... /> </g> 然后将它们视为一个较大的多边形，以便进行颜色填充并单击“区域”。如果要删除内

我从某处抓取了一些代码，用SVG创建了一个交互式的英国地图

你可以在这里看到：

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

非常感谢。

您可以将较小的多边形路径分组，如

<g id="England">
    <path .... />
    <path .... />
    <path .... />
</g>
然后将它们视为一个较大的多边形，以便进行颜色填充并单击“区域”。如果要删除内边框，只需将笔划设置为与填充相同的颜色

你唯一不能做的就是划出外部组，因为它本身没有形状，它只是内部形状的集合，没有办法划出不与其他组成员相邻的边。为此，您可能需要实际合并多边形，这在Inkscape或Adobe Illustrator中可能更容易实现

请看我的例子，我将美国西部各州分组。单击组中的任意位置以更改颜色。在svg（html面板）代码中，CA-WA-OR是底部的最后3条路径

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

如果您可以使用任何一种语言编程，也可以使用GEOS库实现这一点。GEOS库具有与C、Python和R的接口。

蓝色区域是英格兰和威尔士加上马恩岛（位于苏格兰灰色区域正下方的最北端岛屿）。