<gbif-map>
A Leaflet based Web Component for displaying occurances of a GBIF entry on a map.
Note: Uses ResizeObserver. Polyfill it on your end.
API
Inputs
Attribute | Description |
---|
center-latitude | Latitude value for the center point. Float32. |
center-longitude | Longitude value for the center point. Float32. |
gbif-id | The ID for the item on GBIF. Number. |
gbif-style | The style for the GBIF layer. See link in developer notes to API with all styles listed. |
controls | Wether or not to allow controls in the map. Boolean. |
Usage
Install gbif-map via npm and import it in your webpack/rollup bundles.
Alternatively, import it in your ES module supported browser with import 'https://unpkg.com/gbif-map?module';
in a JavaScript module file or in your HTML with <script src="https://unpkg.com/gbif-map?module" type="module"></script>
. The demo page uses the latter method.
Developer notes
GBIF API is available at https://www.gbif.org/developer/maps