Looking for a way to call Maplibre's "flyTo" function

[wx007]

I'm trying to figure out how to call Maplibre's flyTo function from svelte-maplibre.
My assumption is that if I can access the underlying map object then all I have to do is issue the function call on the map.
At least I'd like to test that theory.
Is there an officially-sanctioned way to get access to the underlying map object through the current API's or do I need to hack something together?

Thanks!

[dimfeld]

3 options here, depending on your needs:

1. The MapLibre component has a map prop which gets set to the MapLibre instance, so you can

<script>
  import { MapLibre } from 'svelte-maplibre'
  let map;

  $: map?.flyTo(newCoords);
</script>

<MapLibre bind:map>
  <!-- other stuff in here -->
</MapLibre>

2. MapLibre exposes the map on its slot too, so if your buttons are in a control or something you can use that. The Controls example does it this way.

   svelte-maplibre/src/routes/examples/controls/+page.svelte

   Line 24 in 3b1c9d8

   let:map

3. The map events all include the map instance in their data, so you could reference event.detail.map in any event handler.

[wx007]

Awesome! Thanks!!
I'll be using this a lot.