<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
  }

});
</script>

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