AzureMap with large number of markers having tab switching issue

[gmjcbs]

Hi,

I'm using Azure Maps within a tab component on my application. While it functions well with a smaller number of markers, I'm encountering a significant performance issue when dealing with roughly 68,000 markers. In this scenario, tab switching takes over 2 minutes.

I have used clustering, but it does not help much.

Is this a typical behavior for such a large marker count, or are there potential optimizations we can explore to improve performance?

Any insights or suggestions you might have would be greatly appreciated.

Thanks,

[yulinscottkang]

An HTMLMarker is essentially an HTML element, so it doesn’t work efficiently with large datasets. For a large number of data points, it’s better to use a SymbolLayer. For example, using the following sample as a base and testing with testDataSize = 70000 features, it took approximately 7 seconds to load on my laptop.

https://samples.azuremaps.com/symbol-layer/symbol-layer-options

[gmjcbs]

I use SymbolLayer.
Map loads pretty quick well within 3 secs.
Switching between other components and coming to map tab is also good. But switching from map to other tab takes almost a minute.
I tried profiling where i got error message.

[yulinscottkang]

It seems that the error isn’t coming from the library. You might want to check whether any of the installed Chrome extensions is causing the issue.

[gmjcbs]

This error also comes when working with small number of markers, but then tab switching works smoothly. Page switching takes time when there are larger number of markers. So, I don't think above error is the root cause. Might be some background process causing map view to unmount a sluggish operation.

[gmjcbs]

test-app.zip
Hi,
Attached sample app. Please try once.