@radiofrance/svelte-leaflet v0.1.0-alpha.19

@radiofrance/svelte-leaflet

A library that wraps leaflet classes in domless/renderless svelte components.

Install

npm i -D @radiofrance/svelte-leaflet

Components

Map

Renders a map Leaflet Map. The Map will take up 100% of its container's height and width.

Attributes

Events

All events are forwarded from the Map class, see the leaflet documentation for more information.

• https://leafletjs.com/reference.html#map-event

Example:

<Map {options} on:click={(e) => console.log(e.detail.latlng)} />

Marker

Add a marker to the map.

• Can be used as a child of <Map> or <MarkerClusterGroup>
• A <Popup> component can be passed as the Marker child to display a popup when the marker is clicked.
• A component with slot="icon" attribute can be passed as the Marker child to display a custom icon.

Attributes

Events

All events are forwarded from the Marker class, see the leaflet documentation for more information.

• https://leafletjs.com/reference.html#marker-event

Popup

<Popup> children will be displayed when the marker is clicked.

• Use as a <Marker> child.

Attributes

MarkerClusterGroup

Enables clustering of child markers

• Use as a <Map> child

Attributes

Polyline

Allows to draw lines on the map

Attributes