Allows to create a map in SVG.

1 svg.map

<svg.map name='name'>
    <svg.style /> +
    <svg.paths> +
        <svg.path name='name' /> +
    </svg.paths>
</svg.map>

Attributes
Name	Type	Required	Default	Description
Aname	string				Map name.

Arguments
Name	Type	Required	Unique	Nullable	Description
Esvg.style					The columns in which you want to divide the text are defined. In the label is written directly the name of the column and then the label is closed.
Esvg.paths					The paths which consist in a figure defined by a series of extreme points (vertices) are defined, between each two of these can be defined a line of fifferent nature (straight lines, curves, elliptical arcs, etc.).
Esvg.path					The properties of each path are defined.
Aname	string				Path name.

Example

Create a SVG map.

Copy

<xsql-script name='svg_map'>
    <body>
        <svg.map name='map1'>
            <svg.style>
                svg { colour: #ccc }
                .box { stroke: black; }
                #area { colour: #ddd; }
            </svg.style>
            <svg.paths>
                <svg.path name='path1'>m1773.3 951.23c0.3-4 6.6-5.49...</svg.path>
                <svg.path name='path2'>m1604.4 677.84c3.5 1.42 10.5-...</svg.path>
                <svg.path name='path3'>m1698.1 752.65c2.1-0.71 3.9-0...</svg.path>
            </svg.paths>
        </svg.map>
    </body>
</xsql-script>