Hello,
I’m currently using a Map component to display a large dataset of over 1500 markers, which I’ve generated using a Python script as a list of dictionaries.
My goal is to optimize the display so that all markers don’t appear simultaneously. Ideally, markers would become visible when the user zooms in sufficiently and disappear when the user zooms out.
The most apparent solution seems to be binding the “enable” property of each marker to a “zoom” property that tracks the user’s zoom level.
However, I’m facing a challenge: I need to apply this binding to all markers, and manually setting it for each one doesn’t seem efficient.
Here’s the binding I intend to apply to all markers:
{
"type": "expr",
"config": {
"expression": "{this.custom.zoom} > 7"
}
}
Any suggestions for a more efficient way to apply this binding to all markers would be greatly appreciated.
Thank you!