feat: add Control component

src/components/control/Control.svelte

@@ -0,0 +1,30 @@
+<script>
+    import L from 'leaflet';
+    import {onDestroy, getContext, setContext, onMount} from 'svelte';
+
+    export let position = 'topright';
+    export const getInstance = () => leafletControl;
+
+    let leafletControl;
+    let leafletControlContent;
+
+    const getMap = getContext(L.Map);
+
+    onMount(()=> {
+        leafletControl = L.control();
+        leafletControl.onAdd = () => leafletControlContent
+        leafletControl.addTo(getMap());
+    });
+
+    $: leafletControl && leafletControl.setPosition(position);
+
+    onDestroy(() => {
+        leafletControl.remove();
+    });
+</script>
+
+<div style="display: none">
+    <div bind:this={leafletControlContent}>
+        <slot/>
+    </div>
+</div>

src/index.js

@@ -1,5 +1,6 @@
 import Map from './components/Map.svelte';
 import TileLayer from "./components/TileLayer.svelte";
+import Control from "./components/control/Control.svelte";
 import Zoom from "./components/control/Zoom.svelte";
 import Scale from "./components/control/Scale.svelte";
 import Layers from "./components/control/Layers.svelte";
@@ -23,6 +24,7 @@ import Polyline from "./components/vector/Polyline.svelte";
 import Rectangle from "./components/vector/Rectangle.svelte";
 
 export {
+    Control,
     TileLayer,
     Zoom,
     Scale,