Hi Dorin,
You can achieve the mentioned requirement by using the sublayers
properties, as they render the shapes on the base map according to the data provided
in the GeoJSON. Here, the base map will be rendered based on the data provided
to the source property of the MapTileLayer
or MapShapeLayer
used in the layers
property, and the sublayers
will be added to the base maps based on the data. Additionally, you can render
the markers at the specified latitude and longitude based on the data provided
using the markerBuilder
property.
Shared the User Guide documentation link below regarding the sublayers
and marker for your reference.
Sublayer: https://help.syncfusion.com/flutter/maps/shape-sublayer.
Marker: https://help.syncfusion.com/flutter/maps/markers#adding-markers
How and where can I generate this
data in JSON?
The JSON we used in our sample is only to showcase the available
features. You can get the correct JSON from trusted online providers. We have
shared a link to one such provider for your reference.
https://map.igismap.com/gis-data/india/administrative_outline_boundary
Additionally,
here are some GeoJSON providers that you can find in the shared link below.
Please note that we are not responsible for the use of these links, or the data
and licensing associated with them. We are simply sharing the links that we
search and found online.
https://www.placemark.io/
https://geojson.io/#map=2/0/20
https://martinjc.github.io/UK-GeoJSON/
https://cartographyvectors.com/map/1407-great-britian-electoral-regions
Note:
Please check the licensing of any providers before getting JSON from them.
If you have further queries, please get back to us.
Regards,
Hari Hara Sudhan. K.