svelte-map

The map component implements a leaflet map, including a marker (and an optional “my location” button) for snel projects. (Snel is a cybernetical compiler for svelte applications in deno)

In case you have not created a snel project before, head to https://deno.land/x/snel@v0.6.0 and follow the steps to create one.

To then use it, import the link “https://deno.land/x/svelte_map/Maps.svelte” as shown in the usage example.

After you initiated a snel project and added the code shown below, you are able to see in when running the project with “trex run start”.

Usage Example

Import the component and set longitude and latitude for the Marker.

 import Map from "https://deno.land/x/svelte_map/Maps.svelte"
 
 let long = 50;
 let lat = 50;

Use the component in your code. Set long and lat and the button equal to {true} or {false} depending on whether the “My Location” button should appear.

<Map long={long} lat={lat} button={true} />