Component: Leaflet Map - envris/White-Label-Help-Wiki GitHub Wiki

Brief description

The Leaflet Map component is used to display interactive map using Leaflet JS Library. These maps are intended for illustrative purposes, showing a region or set of locations. For geospatial data visualisations, please use the embedded map media entity.

Detailed description

To add "Leaflet Map" component to a page, choose "Add Leaflet Map" from the "Components" field and then fill the details:

  • Title: Used in the back-end only and to generate anchor links
  • Heading: Displays a H2 above the component content - optional.
  • Caption: The caption text that will appear under the map.
  • Geo-json URL: GeoJSON data URL - use this when your geoJSON is hosted as a file somewhere.
  • GeoFeed URL: GeoJSON feed URL - use this for to display feeds of geoJSON from the website (see Display Location Feeds for more information).
  • Geo-json Input: GeoJSON Data. This field accept text data in GeoJSON format. Go to https://geojson.org/ and http://geojson.io/ for more information and examples of how to use geoJSON. This field is recommended for simple illustrative maps.
  • Map bounds: This field allows users to select “Australia” or a state/territory and have the map display that area. If left blank, the map will zoom to the extent of the data.

Technical description

Paragraph machine name: leaflet_map

Fields

As listed above.