对接地图指标

wujingjing

2024-11-28 340d40b4d4243c0f3bf82d40b8f570246e39119d

 src/components/chat/chatComponents/summaryCom/components/recordSetTable/map/Map.vue

@@ -1,7 +1,7 @@
<template>
   <div class="h-[70vh] relative">
   <div class="h-[60vh] relative">
      <div ref="containerRef" class="h-full"></div>
      <div v-if="bottomBarIsShow" class="absolute w-full bottom-0 bg-white border-gray-300 border border-solid">
      <!-- <div v-if="bottomBarIsShow" class="absolute w-full bottom-0 bg-white border-gray-300 border border-solid">
         <div
            class="w-28 h-5 absolute left-1/2 -translate-x-1/2 -translate-y-[100%] cursor-pointer bg-[#4974f3] rounded-t-lg flex-center"
            @click="toggleShowChart"
@@ -11,7 +11,7 @@
               :class="{ 'ywicon-zuoyoujiantou': chartIsShow, 'ywicon-zuoyoujiantou1': !chartIsShow }"
            ></div>
         </div>
      </div>
      </div> -->
   </div>
</template>

@@ -25,6 +25,8 @@
let gaoDeMap = new GaoDeMap();
const containerRef = ref<HTMLDivElement>(null);
const props = defineProps(['data']);

const emit = defineEmits(['equipClick'])
const createInfoWindow = () => {
   // title
   // <div class="title flex-center bg-[#ca0dab] text-white py-0.5 mb-2 w-full over-ellipsis">
@@ -90,15 +92,15 @@
            size: 30,
         },
         click(e, label) {
            if (!bottomBarIsShow.value) {
               bottomBarIsShow.value = true;
            }
            if (!chartIsShow.value) {
               chartIsShow.value = true;
            }
            // if (!bottomBarIsShow.value) {
            //    bottomBarIsShow.value = true;
            // }
            // if (!chartIsShow.value) {
            //    chartIsShow.value = true;
            // }
            infoWindow.open(gaoDeMap.map, label.getPosition() as any);
            const extData = label.getExtData();

            emit('equipClick',extData);
            updateInfoWindow(extData);
         },
      },