<template>
  <!-- 地图 -->
  <div class="position-r" id="map"></div>
</template>

<script setup name="TemporaryProject">
import { getProjects } from '@/api/publicApi.js';
const getProjectss = async () => {
  let { data } = await getProjects();
  let features = data;
  console.log(features, 'features');
  // let features = data
  //   .filter((i) => i.projectLocation)
  //   .map((i) => {
  //     if (i.projectLocation.indexOf('POINT') > -1) {
  //       i.feature = {
  //         type: 'Feature',
  //         geometry: WKT.parse(i.projectLocation),
  //         properties: {
  //           ...i,
  //           mapParams: {
  //             icon: ICONS_MAP[i.projectTypeCode],
  //             group: i.projectTypeCode,
  //             name: i.projectName,
  //           },
  //         },
  //       };
  //       return i.feature;
  //     } else {
  //       return turf.point(i.projectLocation.split(',').map(Number), {
  //         ...i,
  //         mapParams: {
  //           icon: ICONS_MAP[i.projectTypeCode],
  //           group: i.projectTypeCode,
  //           name: i.projectName,
  //         },
  //       });
  //     }
  //   });
  // amapUtils.geojsonToMap(turf.featureCollection(features));
};

onMounted(() => {
  getProjectss();
  // 初始化地图
  // let interVal = setInterval(() => {
  //   if (window.AMap) init(), clearInterval(interVal);
  // }, 500);
});
</script>

<style lang="less" scoped>
.position-r {
  position: relative;
  width: 100%;
  height: 100%;
  background: #c6c6c6;
}
</style>