MapsPolygon BorderColor is not rendered when the MapsLayer is a UrlTemplate

[Sam]

Hi, I have been using your maps control to render polygons, and using your Polygon documentation for reference.

I have noticed that if you take your code from your demo site https://blazor.syncfusion.com/documentation/maps/polygon#adding-polygon-shape

<SfMaps>
    <MapsLayers>
        <MapsLayer ShapeData='new {dataOptions= "https://cdn.syncfusion.com/maps/map-data/world-map.json"}' TValue="string">
            <MapsPolygons>
                <MapsPolygon Points="Points" Fill="red" Opacity="0.7" BorderColor="green" BorderWidth="2" BorderOpacity="0.7"></MapsPolygon>
            </MapsPolygons>
        </MapsLayer>
    </MapsLayers>
</SfMaps>

It works, but if you make one change with the MapsLayer and use a UrlTemplate instead, as below

 <MapsLayer UrlTemplate="https://mt1.google.com/vt/lyrs=m@129&hl=en&x=tileX&y=tileY&z=level" TValue="string">

The polygon border color is no longer rendered.

[Durga Gopalakrishnan]

Hi Sam,

Greetings from Syncfusion.

We have ensured the reported scenario with your shared URL template, the border for polygon is rendered initially. While zooming the map to multiple levels, the border size will be reduced based on zoom level to avoid overlapping of other regions in the map. We have attached the tested sample and screenshot for your reference.

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/PolygonMap.zip

If you are still facing problem, please share the issue reproducing code snippet to check the problem from our end. Kindly revert us know if you have any concerns.

Regards,

Durga Gopalakrishnan.

[Sam]

Hi Durga,

This isnt really a solution, I'll never use a huge polygon zoomed way out with a border of 10. I want to display much smaller areas, most often of which will be split into even smaller areas, so the coordinates will be alongside each other, and in some cases overlap.

Please see attached and you'll see my point, you can only differentiate between the two polygons if one is selected. I want to easily distinguish between the two by seeing a black border, which you cant.

Attachment: Home_f7445327.zip

[Durga Gopalakrishnan]

Sam,

We have considered this case as bug and logged a defect report for the issue “Maps polygon border is not visible for url template”. This fix will be available in our weekly patch release which is scheduled to be rolled on 22^nd July 2025. We appreciate your patience until then. You can keep track of the bug from the below feedback link.

Feedback Link : https://www.syncfusion.com/feedback/68721/maps-polygon-border-is-not-visible-for-url-template

If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.

Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.”

[Durga Gopalakrishnan]

Sam,

We are glad to announce that our v30.1.41 patch release is rolled out; we have added the fix for reported issue. You can use the latest Syncfusion.Blazor.Maps NuGet package.

Root Cause :

Path stroke width value is adjusted by zoomfactor in existing behaviour, so the stroke width is less than 0.5 then the border is not visisble.

Fix :

Need to add the proper stroke width if the border is not visible properly.

NuGet Package : https://www.nuget.org/packages/Syncfusion.Blazor.Maps

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp2.zip

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.