<template>
    <iframe
    style="border:0"
    loading="lazy"
    allowfullscreen
    referrerpolicy="no-referrer-when-downgrade"
    width="100%"
    height="500px"
    :src="`https://www.google.com/maps/embed/v1/place?q=${q}&key=${mapsApiKey}&maptype=satellite&language=${$i18n.locale}`">
  </iframe>
</template>

<script lang="ts">

export default {
      props:['q'],
      setup(){
        const mapsApiKey = import.meta.env.VITE_GOOGLE_MAPS_API_KEY
        return{
          mapsApiKey
        }
      }
  }
</script>
