<template>
  <!-- 周边街景 -->
  <div id="zhoubianjiejing">
    <streetSpace :location="location"></streetSpace>
  </div>
</template>

<script setup name="zhoubianjiejing">
import streetSpace from "@/components/Map/streetSpace";
import { ref } from "vue";
const { proxy } = getCurrentInstance();

const props = defineProps({
  Getproperties: {
    type: Object,
  },
});
const location = ref([]);
onMounted(() => {
  console.log("Getproperties.geometry", props.Getproperties.geometry);
  if (props.Getproperties.geometry) {
    let data = turf.getCoords(Terraformer.WKT.parse(props.Getproperties.geometry));
    location.value = data;

    console.log("周边街景经纬度3", location.value);
  }
});
</script>

<style lang="scss" scoped>
#zhoubianjiejing {
  width: 100%;
  height: 100%;
  display: flex;
  color: #ccefff;
}
</style>