Bring Your Own Data: GeoJSON Heatmap with Custom Module
Render a custom GeoJSON heatmap and labeled symbol layer with the CustomGeoJSONModule, with style-change restore, hover and click events.
One fetched file drives two rendered layers at once: a density surface low in the stack and a labelled marker layer above it.
CustomGeoJSONModule.createtakes a named source per dataset, andshowwith no source name feeds the one fetched collection to both.imagesregisters the canvas icon with the module rather than the style, so it survives a base map style change on its own.events.markersscopes clicks and hovers to the marker source alone, leaving the density surface inert.attribution.creditscredits the dataset next to TomTom, and the credit stays through every style switch.
Related examples
Bring Your Own Data: Clusters and Polygons
20k clustered random points and random polygons around London, rendered with the CustomGeoJSONModule. Both layers are clickable.
Customization
Bring Your Own Data
User Interaction Events
Web
Delivery zones of your own
Show your own GeoJSON polygons and respond to clicks on them
Customization
Bring Your Own Data
Geometry
User Interaction Events
Web
Interactive base map buildings
Hover, click and paint single 3D buildings of the base map in Midtown Manhattan
Customization
Base Map
User Interaction Events
Web
Interactive 3D buildings
Hover, click and paint single 3D buildings and landmarks in Amsterdam with the Landmarks 3D plugin
Customization
User Interaction Events
Terrain and 3D
Plugins
Web