在 Syncfusion Blazor 地图中自定义多边形的背景

Question

是否可以在 Syncfusion Blazor 地图中自定义多边形的背景，如屏幕截图所示：

Answer 1

您可以通过将 SVG 图案元素的参考设置为地图组件图层的填充颜色，将自定义背景设置为示例本身中地图的多边形形状。 SVG 图案的“id”属性必须设置为“MapsLayer”的“MapsShapeSettings”的“Fill”属性。请在下面找到相同的代码片段。

代码片段：

<svg>
    <defs xmlns=http://www.w3.org/2000/svg><pattern id="lines" patternUnits="userSpaceOnUse" width="2" height="5" patternTransform="rotate(60)"><line x1="0" y="0" x2="0" y2="11" stroke="#194d33" stroke-width="2" /></pattern></defs>
</svg>

<SfMaps ID="Maps">
    //..
   <MapsLayers>
     //..
        <MapsLayer Type="Syncfusion.Blazor.Maps.Type.SubLayer" ShapeData='new {dataOptions= "simplegeo.json"}' TValue="string">
            <MapsShapeSettings Fill="url(#lines)">
                <MapsShapeBorder Color="Red" Width="5"></MapsShapeBorder>
            </MapsShapeSettings>
        </MapsLayer>
    </MapsLayers>
</SfMaps>

您可以从下面的链接中找到示例。 https://www.syncfusion.com/downloads/support/directtrac/general/ze/MapsBlazor1014000297