地图使用同样的配置文件

public/bigScreen/js/middleMap.js

@@ -1,5 +1,6 @@
 
 // var BASE_URL = "http://192.168.10.102:9023";
+import { MapboxConfig } from '@/components/MapboxMaps/src/config';
 var BASE_URL = window.BASE_URL;
 var APP_URL = window.APP_URL;
 for (var i = 0; i < xianjie.features.length; i++) {
@@ -80,7 +81,7 @@ worldMapContainer1.style.width = "970px";
 worldMapContainer1.style.position = "relative";
 worldMapContainer1.style.left = "30px";
 
-mapboxgl.accessToken = 'pk.eyJ1IjoiemhhbmcxMjM4ODk5OSIsImEiOiJja3N5Ync1cXcyMTR2Mm9xempmbGE4MnBtIn0.R-j78CRvbs6JZG-MDSoh8Q';
+  mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
 let map = new mapboxgl.Map({
     container: 'distribution_map',
     style: {

src/components/Map/src/components/Location.vue

@@ -25,6 +25,7 @@
   import { isImgTypeByName } from '../helper';
   import { UploadResultStatus } from '@/components/Upload/src/types/typing';
   import { parse } from 'path';
+  import { MapboxConfig } from '@/components/MapboxMaps/src/config';
 
   defineOptions({ name: 'ImageUpload' });
   const mapRandom = ref(parseInt(Math.random() * 100000).toString());
@@ -54,7 +55,7 @@
   let map: Map;
 
   onMounted(() => {
-    mapboxgl.accessToken = "pk.eyJ1IjoiemhhbmcxMjM4ODk5OSIsImEiOiJja3N5Ync1cXcyMTR2Mm9xempmbGE4MnBtIn0.R-j78CRvbs6JZG-MDSoh8Q"
+    mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
     map = initMap();
     map.on('load', function () {
       refreshLocation();

src/components/MapboxMaps/src/config.ts

@@ -59,3 +59,61 @@ export const MapControlConfig = {
     title: '绘制面',
   },
 };
+export const MAP_VIEWER = {
+  "兰山区":{
+    center:{lng: 118.35182370979693, lat: 35.183090621691385},
+    zoom:10.048587811931847
+  },
+  "河东区":{
+    center:{lng: 118.59697279346507, lat: 35.18490235060048},
+    zoom:10,
+  },
+  "罗庄区":{
+    center:{lng: 118.32214269732968, lat: 34.88793861991461},
+    zoom:10.348587811931848,
+  },
+  "高新区":{
+    center:{lng: 118.22321338283429, lat: 35.02848900013085},
+    zoom:11.197175623863698,
+  },
+  "沂河新区":{
+    center:{lng: 118.56406202558459, lat: 35.02402208121399},
+    zoom:9.848587811931848,
+  },
+  "费县":{
+    center:{lng: 118.07423584053117, lat: 35.25200708547465},
+    zoom:9.700000000000005,
+  },
+  "平邑县":{
+    center:{lng: 117.7943998613617, lat: 35.397797381650626},
+    zoom:9.5,
+  },
+  "蒙阴县":{
+    center:{lng: 118.16071230795704, lat: 35.706258658571166},
+    zoom:9.500000000000002,
+  },
+  "沂水县":{
+    center:{lng: 118.7262955596875, lat: 35.875369642007094},
+    zoom:9.500000000000002,
+  },
+  "沂南县":{
+    center:{lng: 118.45908849919756, lat: 35.49273684421736},
+    zoom:9.748587811931854,
+  },
+  "兰陵县":{
+    center:{lng: 118.10841982910361, lat: 34.81986176408728},
+    zoom:9.597175623863698,
+  },
+  "郯城县":{
+    center:{lng: 118.32120708234048, lat: 34.635986538650336},
+    zoom:9.7,
+  },
+  "临沭县":{
+    center:{lng: 118.74187031029359, lat: 34.850952753798644},
+    zoom:9.848587811931848,
+  },
+  "莒南县":{
+    center:{lng: 118.96807389575793, lat: 35.186365164136504},
+    zoom:9.848587811931848,
+  }
+}

src/views/demo/illegalmining/homepage/Map/index.vue

@@ -10,7 +10,7 @@ import { ref, onMounted, defineExpose, defineEmits } from "vue";
 import { generateUUID } from '@/components/MapboxMaps/src/tool'
 import { WktToGeojson } from '@/components/MapboxMaps/src/WktGeojsonTransform';
 import mapboxgl, { Map, Popup } from 'mapbox-gl';
-import { MAPBOX_TOKEN, TINADITU_TOKEN, MAP_VIEWER } from '@/views/sys/exception/Converge/config'
+import { MapboxConfig, MAP_VIEWER } from '@/components/MapboxMaps/src/config';
 import { getPolygonCenter, getUserOrgs } from '@/api/tiankongdi'
 import axios from 'axios'
 import SearchComponent from './SearchComponent/index.vue'
@@ -39,14 +39,14 @@ const initMap = () => {
         'raster-tiles': {
           type: 'raster',
           tiles: [
-            `http://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=${TINADITU_TOKEN}`,
+            `http://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=${MapboxConfig.TDT_TOKEN}`,
           ],
           tileSize: 256,
         },
         'raster-tiles-font': {
           type: 'raster',
           tiles: [
-            `https://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=${TINADITU_TOKEN}`,
+            `https://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=${MapboxConfig.TDT_TOKEN}`,
           ],
           tileSize: 256,
         },
@@ -710,7 +710,7 @@ function handlerChangeLayerVisible(layerName, checked) {
 
 // } 
 onMounted(() => {
-  mapboxgl.accessToken = MAPBOX_TOKEN;
+  mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
   map = initMap();
   map.on("load", () => {
     handlerCheckUserOrgs();

src/views/demo/system/geoservermanagement/clound/mapComponent.vue

@@ -7,7 +7,8 @@
   import { WktToGeojson } from '@/components/MapboxMaps/src/WktGeojsonTransform';
   import mapboxgl, { Map, Popup } from 'mapbox-gl';
   import { getGeomData } from '@/api/demo/system';
-  import { MAPBOX_TOKEN, TINADITU_TOKEN, defaultPaint, geoserverCodeValue } from './clound.data';
+  import { defaultPaint, geoserverCodeValue } from './clound.data';
+  import { MapboxConfig } from '@/components/MapboxMaps/src/config';
   import { getAppEnvConfig } from '@/utils/env';
   import axios from 'axios';
 
@@ -34,14 +35,14 @@
           'raster-tiles': {
             type: 'raster',
             tiles: [
-              `http://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=${TINADITU_TOKEN}`,
+              `http://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=${MapboxConfig.TDT_TOKEN}`,
             ],
             tileSize: 256,
           },
           'raster-tiles-font': {
             type: 'raster',
             tiles: [
-              `https://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=${TINADITU_TOKEN}`,
+              `https://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=${MapboxConfig.TDT_TOKEN}`,
             ],
             tileSize: 256,
           },
@@ -695,7 +696,7 @@
 
   onMounted(() => {
     getAllData();
-    mapboxgl.accessToken = MAPBOX_TOKEN;
+    mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
     map = initMap();
     // handlerLocation([118.30207505530701, 35.30123435040745], 7.848587811931849);
     map.on('load', () => {

src/views/sys/exception/Converge/index.vue

@@ -27,7 +27,7 @@
   import { generateUUID } from '@/components/MapboxMaps/src/tool';
   import { WktToGeojson } from '@/components/MapboxMaps/src/WktGeojsonTransform';
   import mapboxgl, { Map, Popup } from 'mapbox-gl';
-  import { MAPBOX_TOKEN, TINADITU_TOKEN, MAP_VIEWER } from './config.ts';
+  import { MapboxConfig } from '@/components/MapboxMaps/src/config';
 
   import { getPolygonCenter, getUserOrgs,getNetworkType } from '@/api/tiankongdi';
   import axios from 'axios';
@@ -91,7 +91,7 @@
           'raster-tiles': {
             type: 'raster',
             tiles: [
-              `http://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=${TINADITU_TOKEN}`,
+              `http://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=${MapboxConfig.TDT_TOKEN}`,
             ],
             tileSize: 256,
             minzoom: 1,
@@ -100,7 +100,7 @@
           'raster-tiles-font': {
             type: 'raster',
             tiles: [
-              `https://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=${TINADITU_TOKEN}`,
+              `https://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=${MapboxConfig.TDT_TOKEN}`,
             ],
             tileSize: 256,
           }
@@ -896,7 +896,7 @@
   };
 
   onMounted(() => {
-    mapboxgl.accessToken = MAPBOX_TOKEN;
+    mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
 
     // 获取网络环境后加载地图