Azure Map Rendering issues

Question

Azure Map Rendering issues

Jasmin Savard 20

We have an issue with maps rendering on certain zoom levels.

As an example here when we are zooming on the map near to "street level" the polygon does not render correctly. 78decc3b-ab3e-4b29-bd08-359facc99b5d

Zooming out fixes the issue.

5d122578-33e1-4fcb-a1dd-6202fb737590

We are using a PolygonLayer with HtmlMarkers for these dots.

https://github.com/MicrosoftDocs/azure-docs/blob/main/articles/azure-maps/map-add-shape.md#use-a-polygon-layer

Is there a way to fix this issue by using a different kind of polygon rendering? We see that zooming out does show the polygon correctly but the issue seems related to a specific zoom level.

Accepted answer

0 additional answers

Your answer

Answer 1

rbrundritt 20,201 Microsoft Employee

It looks like there is a straight line point down there, like the seam between vector tiles. With this in mind, I suspect the root cause of the issue is that your polygon isn't closed. Valid polygons have the same start and end point. So, your polygon should have 5 points where 0 and 4 indexed points are the same.

Jasmin Savard 20 Reputation points

2023-10-23T16:55:33.25+00:00

Ok, as advised, adding this last point to be the same as the first one resolved the issue. I assumed that a Polygon would close itself knowing that it has a different starting point and ending point. This make sense though that if we force a last point to draw a line that it will close itself.

Thanks.
rbrundritt 20,201 Reputation points Microsoft Employee

2023-10-23T17:39:03.26+00:00

There are a couple of edge scenarios out there where users don't want the polygon to be closed automatically by the map. Also, from a performance point of view, it is better to have the data valid ahead of time so that a validation step isn't needed when the map loads the shape.

Share via

Azure Map Rendering issues

0 additional answers

Your answer