表格数据

public/config.js

@@ -1,5 +1,5 @@
 window.CityGisJs = 'http://10.1.161.53:9082/vmap/CityGis.Bridge.js';
 window.CityGisHtml =
-  'http://10.1.161.53:9082/vmap/GIS.html?appKey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBsaWNhdGlvbl9pZCI6MzMsImFwcGxpY2F0aW9uX25hbWUiOiLmjZ_ogJciLCJleHAiOjE3NTIyMTgwNDZ9.3ZomslkPrbBJ2xmI0QFyaRPuL21cjuFoijDrkPazb8s&debug=false&maptype=25d&code=city&devicetype=lg&themeid=Gis&mapthemeid=undefined';
+  'http://10.1.161.53:9082/vmap/GIS.html?appKey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBsaWNhdGlvbl9pZCI6MzMsImFwcGxpY2F0aW9uX25hbWUiOiLmjZ_ogJciLCJleHAiOjE3NTIyMTgwNDZ9.3ZomslkPrbBJ2xmI0QFyaRPuL21cjuFoijDrkPazb8s&debug=false&maptype=3d&code=city&devicetype=lg&themeid=Gis&mapthemeid=undefined';
 window.VITE_BASE_API = '/api';
 window.VITE_CityGIS_API = '/cityGIsApi';

src/components/map/GisMap.vue

@@ -10,7 +10,7 @@ import { onMounted } from 'vue';
 import { myBridge } from '@/utils/map/map.js';
 import {
   addImagePoint,
-  addJuHePoint,
+  regionZone,
   addTrajectory,
   playTrajectory
 } from '@/utils/map/mapOperation.js';
@@ -30,6 +30,7 @@ onMounted(() => {
     url: window.CityGisHtml,
     onReady: function () {
       console.log('ready');
+      regionZone('松江');
       //默认加载
       addImagePoint('newAdress', [{ x: -14926.528171515301, y: -1705.2657878212942 }], {
         imageUrl: new URL(`@/assets/image/mapTools/new_icon.png`, import.meta.url).href

src/stores/mapStore.js

@@ -8,7 +8,8 @@ import {
   startBidding,
   closeOutputPoint,
   addPoint,
-  fullExtent
+  fullExtent,
+  change3DTheme
 } from '@/utils/map/mapOperation.js';
 import { getTrajectorPointOnPeople, getTrajectorPointOnCar } from '@/service/api/mapRequest.js';
 import { useDrawPointStore } from '@/stores/drawPointManage';
@@ -145,6 +146,9 @@ export const useMapStore = defineStore('mapStore', () => {
           //无轨迹点
           break;
         }
+        case '3dChange': {
+          change3DTheme(true);
+        }
       }
     } catch (error) {
       console.log(error);
@@ -172,6 +176,8 @@ export const useMapStore = defineStore('mapStore', () => {
       });
       closePoint(value);
       delFlowCarList();
+    } else if (value == '3dChange') {
+      change3DTheme(false);
     } else {
       closePoint(value);
     }

src/utils/map/mapOperation.js

@@ -506,7 +506,7 @@ export function gotoPosition(point, color) {
 
 //区边界
 export function regionZone(name) {
-  invokeParams('goToPosition', {
+  invokeParams('ShowData', {
     name: 'car_layer',
     type: 'layer',
     isLocate: true,
@@ -520,7 +520,8 @@ export function regionZone(name) {
     },
     data: {
       layers: {
-        name: name
+        name: '行政区划',
+        where: `名称='${name}'`
       }
     },
     labels: [
@@ -552,3 +553,10 @@ export function regionZone(name) {
 export function fullExtent() {
   invokeParams('FullExtent');
 }
+
+//3d/2d切换
+export function change3DTheme(is3D = false) {
+  invokeParams('switchView', {
+    type: is3D ? '3d' : '25d'
+  });
+}

src/views/DataCenterGis/components/RightPanel.vue

@@ -262,7 +262,11 @@ const selectPartKey = ref('');
 //选择区
 const handleSelect = (key) => {
   selectPartKey.value = key;
-  regionZone(key);
+  if (key == '浦东新区') {
+    regionZone('浦东');
+  } else {
+    regionZone(key.split('区')[0]);
+  }
 };
 
 const handleDbView = async (row) => {

src/views/DataCenterGis/components/Tools.vue

@@ -14,6 +14,12 @@ import { useMapStore } from '@/stores/mapStore.js';
 const mapStore = useMapStore();
 //地图工具图例
 const toolsOptions = [
+  // {
+  //   id: '3dChange',
+  //   name: '三维转换',
+  //   image: new URL(`@/assets/image/mapTools/3D.png`, import.meta.url).href,
+  //   activeImage: new URL(`@/assets/image/mapTools/2D.png`, import.meta.url).href
+  // },
   {
     id: 'newAdress',
     name: '新址',

vite.config.js

@@ -10,7 +10,7 @@ export default defineConfig({
     proxy: {
       '/api': {
         //apiTest是自行设置的请求前缀，按照这个来匹配请求，有这个字段的请求，就会进到代理来
-        target: 'http://10.1.161.180:7878/', // 需要代理的域名
+        target: 'http://10.1.161.183:7878/', // 需要代理的域名
         secure: false,
         changeOrigin: true,
         rewrite: (path) => path.replace(/^\/api/, '') //重写匹配的字段，如果不需要放在请求路径上，可以重写为""