pref:百度地图个性化配置

@@ -91,13 +91,13 @@
   const growCardList = ref<CardList>();
   const legendData = ref(['gateway', 'directly', 'sub-device']);
   const seriesData: Ref<seriesDataT[]> = ref([
-    { value: 1048, name: 'gateway', itemStyle: { color: '#3aa0ff' } },
+    { value: 1048, name: 'gateway', itemStyle: { color: '#3079FF' } },
     { value: 735, name: 'directly', itemStyle: { color: '#36cbcb' } },
     { value: 580, name: 'sub-device', itemStyle: { color: '#4ecb73' } },
   ]);
   const legendStatusData = ref(['inactive', 'online', 'offline']);
   const seriesStatusData: Ref<seriesDataT[]> = ref([
-    { value: 1048, name: 'inactive', itemStyle: { color: '#3aa0ff' } },
+    { value: 1048, name: 'inactive', itemStyle: { color: '#3079FF' } },
     { value: 735, name: 'online', itemStyle: { color: '#36cbcb' } },
     { value: 580, name: 'offline', itemStyle: { color: '#4ecb73' } },
   ]);

@@ -518,3 +518,1511 @@ export const eChartOptions = (series: EChartsOption['series'], keys: string[]):
     series,
   };
 };
+
+//百度地图设置个性化地图配置
+export const setMapStyleV2 = {
+  styleJson: [
+    {
+      featureType: 'land',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'on',
+        color: '#091220ff',
+      },
+    },
+    {
+      featureType: 'water',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'on',
+        color: '#113549ff',
+      },
+    },
+    {
+      featureType: 'green',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'on',
+        color: '#0e1b30ff',
+      },
+    },
+    {
+      featureType: 'building',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'building',
+      elementType: 'geometry.topfill',
+      stylers: {
+        color: '#113549ff',
+      },
+    },
+    {
+      featureType: 'building',
+      elementType: 'geometry.sidefill',
+      stylers: {
+        color: '#143e56ff',
+      },
+    },
+    {
+      featureType: 'building',
+      elementType: 'geometry.stroke',
+      stylers: {
+        color: '#dadada00',
+      },
+    },
+    {
+      featureType: 'subwaystation',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'on',
+        color: '#113549B2',
+      },
+    },
+    {
+      featureType: 'education',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'on',
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'medical',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'on',
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'scenicspots',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'on',
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'highway',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'on',
+        weight: 4,
+      },
+    },
+    {
+      featureType: 'highway',
+      elementType: 'geometry.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'highway',
+      elementType: 'geometry.stroke',
+      stylers: {
+        color: '#fed66900',
+      },
+    },
+    {
+      featureType: 'highway',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'highway',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'highway',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'highway',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'arterial',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'on',
+        weight: 2,
+      },
+    },
+    {
+      featureType: 'arterial',
+      elementType: 'geometry.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'arterial',
+      elementType: 'geometry.stroke',
+      stylers: {
+        color: '#ffeebb00',
+      },
+    },
+    {
+      featureType: 'arterial',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'arterial',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'arterial',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'local',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'on',
+        weight: 1,
+      },
+    },
+    {
+      featureType: 'local',
+      elementType: 'geometry.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'local',
+      elementType: 'geometry.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'local',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'local',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#979c9aff',
+      },
+    },
+    {
+      featureType: 'local',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffffff',
+      },
+    },
+    {
+      featureType: 'railway',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'subway',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'off',
+        weight: 1,
+      },
+    },
+    {
+      featureType: 'subway',
+      elementType: 'geometry.fill',
+      stylers: {
+        color: '#d8d8d8ff',
+      },
+    },
+    {
+      featureType: 'subway',
+      elementType: 'geometry.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'subway',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'subway',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#979c9aff',
+      },
+    },
+    {
+      featureType: 'subway',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffffff',
+      },
+    },
+    {
+      featureType: 'continent',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'continent',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'continent',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'continent',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'city',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'city',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'city',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'city',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'town',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'town',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'town',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#454d50ff',
+      },
+    },
+    {
+      featureType: 'town',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffffff',
+      },
+    },
+    {
+      featureType: 'road',
+      elementType: 'geometry.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'poilabel',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'districtlabel',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'road',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'road',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'road',
+      elementType: 'geometry.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'district',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'poilabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'poilabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'poilabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'manmade',
+      elementType: 'geometry',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'districtlabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffffff',
+      },
+    },
+    {
+      featureType: 'entertainment',
+      elementType: 'geometry',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'shopping',
+      elementType: 'geometry',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      stylers: {
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '6',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      stylers: {
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '7',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      stylers: {
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '8',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      stylers: {
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '9',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      stylers: {
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '10',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '6',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '7',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '8',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '9',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '10',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '6',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '7',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '8',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '9',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,10',
+        level: '10',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      stylers: {
+        curZoomRegionId: '0',
+        curZoomRegion: '6,9',
+        level: '6',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      stylers: {
+        curZoomRegionId: '0',
+        curZoomRegion: '6,9',
+        level: '7',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      stylers: {
+        curZoomRegionId: '0',
+        curZoomRegion: '6,9',
+        level: '8',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      stylers: {
+        curZoomRegionId: '0',
+        curZoomRegion: '6,9',
+        level: '9',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,9',
+        level: '6',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,9',
+        level: '7',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,9',
+        level: '8',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,9',
+        level: '9',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,9',
+        level: '6',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,9',
+        level: '7',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,9',
+        level: '8',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+        curZoomRegionId: '0',
+        curZoomRegion: '6,9',
+        level: '9',
+      },
+    },
+    {
+      featureType: 'subwaylabel',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'subwaylabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'tertiarywaysign',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'tertiarywaysign',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'provincialwaysign',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'provincialwaysign',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'nationalwaysign',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'nationalwaysign',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'highwaysign',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'highwaysign',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'village',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'district',
+      elementType: 'labels.text',
+      stylers: {
+        fontsize: 20,
+      },
+    },
+    {
+      featureType: 'district',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'district',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'country',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'country',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'water',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'water',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      elementType: 'geometry.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      elementType: 'geometry.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'tertiaryway',
+      elementType: 'geometry.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'tertiaryway',
+      elementType: 'geometry.stroke',
+      stylers: {
+        color: '#ffffff10',
+      },
+    },
+    {
+      featureType: 'provincialway',
+      elementType: 'geometry.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'provincialway',
+      elementType: 'geometry.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'geometry.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'geometry.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'highway',
+      elementType: 'labels.text',
+      stylers: {
+        fontsize: 20,
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'nationalway',
+      elementType: 'labels.text',
+      stylers: {
+        fontsize: 20,
+      },
+    },
+    {
+      featureType: 'provincialway',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'provincialway',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'provincialway',
+      elementType: 'labels.text',
+      stylers: {
+        fontsize: 20,
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      elementType: 'labels.text',
+      stylers: {
+        fontsize: 20,
+      },
+    },
+    {
+      featureType: 'cityhighway',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'estate',
+      elementType: 'geometry',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'tertiaryway',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'tertiaryway',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'fourlevelway',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'fourlevelway',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'scenicspotsway',
+      elementType: 'geometry.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'scenicspotsway',
+      elementType: 'geometry.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'universityway',
+      elementType: 'geometry.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'universityway',
+      elementType: 'geometry.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'vacationway',
+      elementType: 'geometry.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'vacationway',
+      elementType: 'geometry.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'fourlevelway',
+      elementType: 'geometry',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'fourlevelway',
+      elementType: 'geometry.fill',
+      stylers: {
+        color: '#12223dff',
+      },
+    },
+    {
+      featureType: 'fourlevelway',
+      elementType: 'geometry.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'transportationlabel',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'transportationlabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'transportationlabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'transportationlabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'educationlabel',
+      elementType: 'labels',
+      stylers: {
+        visibility: 'on',
+      },
+    },
+    {
+      featureType: 'educationlabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'educationlabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'educationlabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'transportation',
+      elementType: 'geometry',
+      stylers: {
+        color: '#113549ff',
+      },
+    },
+    {
+      featureType: 'airportlabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'airportlabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'scenicspotslabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'scenicspotslabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'medicallabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'medicallabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'medicallabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'scenicspotslabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'airportlabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'entertainmentlabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'entertainmentlabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'entertainmentlabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'estatelabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'estatelabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'estatelabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'businesstowerlabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'businesstowerlabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'businesstowerlabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'companylabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'companylabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'companylabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'governmentlabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'governmentlabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'governmentlabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'restaurantlabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'restaurantlabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'restaurantlabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'hotellabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'hotellabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'hotellabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'shoppinglabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'shoppinglabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'shoppinglabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'lifeservicelabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'lifeservicelabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'lifeservicelabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'carservicelabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'carservicelabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'carservicelabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'financelabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'financelabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'financelabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'otherlabel',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'otherlabel',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'otherlabel',
+      elementType: 'labels.icon',
+      stylers: {
+        visibility: 'off',
+      },
+    },
+    {
+      featureType: 'manmade',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'manmade',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'transportation',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'transportation',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'education',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'education',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'medical',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'medical',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+    {
+      featureType: 'scenicspots',
+      elementType: 'labels.text.fill',
+      stylers: {
+        color: '#2dc4bbff',
+      },
+    },
+    {
+      featureType: 'scenicspots',
+      elementType: 'labels.text.stroke',
+      stylers: {
+        color: '#ffffff00',
+      },
+    },
+  ],
+};

@@ -131,7 +131,7 @@
     computed,
   } from 'vue';
   import { useScript } from '/@/hooks/web/useScript';
-  import { formSchema, columns } from './config.data';
+  import { formSchema, columns, setMapStyleV2 } from './config.data';
   import { BasicTable, useTable } from '/@/components/Table';
   import { devicePage } from '/@/api/alarm/contact/alarmContact';
   import { Tag, Empty, Spin, Tooltip, Button } from 'ant-design-vue';
@@ -370,6 +370,7 @@
           unref(BMapInstance).panTo(result.center);
           unref(BMapInstance).centerAndZoom(result.center, 15);
           unref(BMapInstance).enableScrollWheelZoom(true);
+          unref(BMapInstance).setMapStyleV2(setMapStyleV2);
         }
         let myCity = new BMap.LocalCity();
         myCity.get(myFun);