<template>
  <PageLayout pageTitle="SamGIS with LISA - Inference map page">
    <div>
      <div id="map-container-md">
        <PageLisaMap :mapName="mapName"
          :mapBounds='[
            { "lat": 46.172594687922256, "lng": 10.079248798586057 },
            { "lat": 46.16789155404419, "lng": 10.069077862001585 }
          ]'
          :description=description />
      </div>
    </div>
  </PageLayout>
</template>

<script setup lang="ts">
import { ref } from 'vue'

import PageLisaMap from '@/components/PageLisaMap.vue'
import PageLayout from '@/components/PageLayout.vue'

const mapName = ref('lisa-map')
const description = ref("This page displays predictions made with LISA VLM.")
</script>
