import { getContext } from 'svelte'

    import { getContext, tick } from 'svelte'

      map = L.map('descrmap', {

        map = L.map('descrmap', {

                  $communaute.circle.setLatLng($communaute);

                    $communaute.circle.setLatLng($communaute);

              if(!$communaute) {
                  communaute.set({

                if(!$communaute) {
                    communaute.set({

                  })

                    })

        if (lng0 < lng1 && lat0 < lat1) {

        if (zoom === undefined && lng0 < lng1 && lat0 < lat1) {

      $communaute!.compteurs!.splice(i, 1);
      $communaute = $communaute;

        $communaute!.compteurs!.splice(i, 1);
        $communaute = $communaute;

    let geoc = false;
    let endroit: string = ""
    async function geocoding(e: Event) {
        e.preventDefault()
        geoc = true
        await tick()
        let resp = await fetch(
            `https://data.geopf.fr/geocodage/search?q=${endroit}`
        )
        geoc = false
        if (resp.status == 200) {
            const b = await resp.json()
            console.log("features", b);
            if('features' in b && b.features.length) {
                if(!$communaute) {
                    communaute.set({
                        lat: b.features[0].geometry.coordinates[1],
                        lng: b.features[0].geometry.coordinates[0],
                        compteurs: [],
                        derogation,
                    })
                }
                $communaute!.lng = b.features[0].geometry.coordinates[0]
                $communaute!.lat = b.features[0].geometry.coordinates[1]
            }
            if ($communaute) {
                let d = derogationRayonKm() * 1000
                await checkRayon($communaute, d)
                circleOpts.radius = d
                if($communaute.circle) {
                    $communaute.circle.setLatLng($communaute)
                } else {
                    $communaute.circle = leaflet.circle($communaute, circleOpts).addTo(map!)
                }
                recentrer(d == 10000 ? 10 : (d == 5000 ? 11 : 12))
            }
        }
        return null
    }

    </div>
    <div class="my-3">
        <form on:submit={geocoding}>
            <div class="input-group">
                <input type="text" class="form-control" bind:value={endroit}/>
                <button class="btn btn-sm btn-outline-primary" on:click={geocoding}>Recherche
                    {#if geoc}
                        <div class="spinner-border" style="margin-left:0.2em; width:1em;height:1em"></div>
                    {/if}
                </button>
            </div>
        </form>