Look Around Preview

VLookAroundPreview shows a static, tappable Look Around thumbnail: perfect for cards and list items. Search a landmark and the preview updates. Tapping it opens the full interactive view.

LookAroundPreview.vue

<script setup lang="ts">
  import { VLookAroundPreview, useGeocoder } from '@geoql/v-mapkit';

  const { geocode } = useGeocoder();
  const place = shallowRef(null);

  const { results } = await geocode('Golden Gate Bridge');
  place.value = results[0];
</script>

<template>
  <VLookAroundPreview v-if="place" :place="place" />
</template>