地图

src/components/MapboxMaps/MapboxMap.vue

@@ -11,11 +11,17 @@
         />
         <img v-show="nextMapControl.length > 0" @click="handlerUnDraw" src="/del.png" title="清除" />
       </div> -->
+      <LayerComponent @changeOpenModal="changeOpenModal" @changeOpenInsertShpModal="changeOpenInsertShpModal"/>
+      <LayerControl />
+      <UseModal v-model:openModal="openModal" @changeOpenModal="changeOpenModal"/>
+      <InsertShp v-model:openModal="insertShpModal" />
+      <DataListComponent />
+      <RightShowInfo />
     </div>
   </template>
   
   <script lang="ts" setup>
-    import { onMounted, onUnmounted, defineProps, reactive } from 'vue';
+    import { onMounted, onUnmounted, defineProps, reactive, ref } from 'vue';
     import { useMessage } from '@/hooks/web/useMessage';
     import mapboxgl, { Map,Popup } from 'mapbox-gl';
 
@@ -36,6 +42,21 @@
         SnapModeDrawStyles,
         SnapDirectSelect,
     } from "mapbox-gl-draw-snap-mode";
+    import LayerComponent from './LayerComponent/index.vue'
+    import LayerControl from './LayerControl/index.vue'
+    import UseModal from './Modal/index.vue'
+    import InsertShp from './InsertShp/index.vue'
+    import DataListComponent from './DataListComponent/index.vue'
+    import RightShowInfo from './RightShowInfo/index.vue'
+
+    const openModal = ref(false);
+    const insertShpModal = ref(false)
+    const changeOpenModal = (value) => {
+      openModal.value = value
+    }
+    const changeOpenInsertShpModal = (value) => {
+      insertShpModal.value = value
+    }
   
     // map参数类型
     interface MapboxOptionsInterface {