Look Around

VLookAround embeds Apple's interactive street-level imagery. It's a standalone component: pass it a MapKit Place (from search or geocoding) and users can pan and move through the scene.

LookAround.vue

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

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

  const { results } = await geocode('Ferry Building, San Francisco');
  place.value = results[0];
</script>

<template>
  <!-- VLookAround is standalone: not a child of VMap -->
  <VLookAround
    v-if="place"
    :place="place"
    :options="{ showsRoadLabels: true }"
  />
</template>