MapComplete/src/UI/BigComponents/ReverseGeocoding.svelte

<script lang="ts">
  /**
   * Shows the current address when shaken
   **/
  import Motion from "../../Sensors/Motion"
  import { Geocoding } from "../../Logic/Osm/Geocoding"
  import type { MapProperties } from "../../Models/MapProperties"
  import Hotkeys from "../Base/Hotkeys"
  import Translations from "../i18n/Translations"
  import Locale from "../i18n/Locale"

  export let mapProperties: MapProperties
  let lastDisplayed: Date = undefined
  let currentLocation: string = undefined

  async function displayLocation() {
    lastDisplayed = new Date()
    let result = await Geocoding.reverse(
      mapProperties.location.data,
      mapProperties.zoom.data,
      Locale.language.data
    )
    let properties = result.features[0].properties
    currentLocation = properties.display_name
    window.setTimeout(() => {
      if (properties.display_name !== currentLocation) {
        return
      }
      currentLocation = undefined
    }, 5000)
  }

  Motion.singleton.lastShakeEvent.addCallbackD((shaken) => {
    if (lastDisplayed !== undefined && shaken.getTime() - lastDisplayed.getTime() < 2000) {
      return
    }
    displayLocation()
  })
  Hotkeys.RegisterHotkey(
    { nomod: "q" },
    Translations.t.hotkeyDocumentation.queryCurrentLocation,
    () => {
      displayLocation()
    }
  )

  Motion.singleton.startListening()
</script>

{#if currentLocation}
  <div
    role="alert"
    aria-live="assertive"
    class="normal-background border-interactive rounded-full px-2"
  >
    {currentLocation}
  </div>
{/if}