兴趣点、底图更换、地形拉伸

.gitignore

@@ -0,0 +1,22 @@
+.DS_Store
+node_modules
+/dist
+.history/
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+package-lock.json
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

src/components/map/index.vue

@@ -100,7 +100,7 @@ import xianjiegeojson from '../../../public/geojson/xianjie.json'
 import historycasegeojson from '../../../public/geojson/historycase.json'
 import { get, set } from "@vueuse/core";
 
-
+import ZhenJieGeoJson from '../../../public/geojson/上冶镇镇界.json'
 export default defineComponent({
   components: {LayerTreeLocal, houseInfo, Loading, tablesinfo, barcharts,piecharts,linecharts},
 
@@ -679,6 +679,17 @@ export default defineComponent({
         // });
 
         // viewer.terrainProvider = provider;
+        
+        // 添加底图
+        let layers = viewer.scene.imageryLayers;
+
+        layers.addImageryProvider(new Cesium.MapboxStyleImageryProvider({
+          url: 'https://api.mapbox.com/styles/v1',
+          username: 'xujingliang',
+          styleId: 'cli9o6tl500zh01r8fpbx2n1s',
+          accessToken: 'pk.eyJ1IjoieHVqaW5nbGlhbmciLCJhIjoiY2w3bzFzZnZqMjdieTN1cG92N2I1d2huOSJ9.aQqMz4S-cTziUYizIH_gNg',
+          scaleFactor: true
+        }));
 
 
         viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
@@ -698,6 +709,41 @@ export default defineComponent({
         // var h2=viewer.scene.sampleHeight(carto);
 
       },
+      // 加载立体墙效果
+      drawWallLayer() {
+        let coords = ZhenJieGeoJson.features[0].geometry.coordinates[0];
+
+        let position = [];
+        coords[0].forEach((item,index)=>{
+          position.push(item[0],item[1],-1000)
+        })
+
+        console.log("HELLOWORLD",position);
+        var wall = new Cesium.WallGeometry({
+            positions : Cesium.Cartesian3.fromDegreesArrayHeights(position),
+            clampToGround: true,
+        });
+
+        var obj = new Cesium.Primitive({
+            geometryInstances: new Cesium.GeometryInstance({
+              geometry: wall
+            }),
+            appearance: new Cesium.MaterialAppearance({
+              material: new Cesium.Material({
+                        fabric:{type:'Image',
+                          uniforms:{
+                              image:'/images/wall-2.png',
+                          },
+                        }
+              }),
+              translucent: true
+            })
+          });
+        viewer.scene.primitives.add(obj);
+
+
+      },
+
       // 添加服务
       handlerLoadWebServer(obj) {
         console.log('ooo',obj)
@@ -966,20 +1012,20 @@ export default defineComponent({
        addCommunityEntity(){
         let list = [
           {
-            position:[117.98389103652049,35.26121680209455],
-            name:"平等花园"
+            position:[117.913513,35.362111],
+            name:"顺河村"
           },{
-            position:[117.98339379240507,35.258657184608104],
-            name:"先农坛花园",
+            position:[117.919537,35.342111],
+            name:"城南头社区",
           }, {
-            position:[117.98590545846277,35.25659537519853],
-            name:"凤凰诚"
+            position:[117.936454,35.380893],
+            name:"民义社区"
           }, {
-            position:[117.98818122695313,35.267709967883675],
-            name:"城开上府",
+            position:[117.911806,35.39689],
+            name:"仲口村",
           },{
-            position:[117.98105670463535,35.26206610621777],
-            name:"颐和花园"
+            position:[117.884215,35.361263],
+            name:"刘官庄"
           }
         ];
         let canvasArr=[];
@@ -1043,12 +1089,9 @@ export default defineComponent({
       addSchoolEntity(){
         let list = [
           {
-            position:[117.98864576971118,35.2662872417451],
-            name:"费县鲁公小学"
-          },{
-            position:[117.99314971290464,35.25850582384618],
-            name:"经济开发区中心小学",
-          }, 
+            position:[117.963558,35.39894],
+            name:"上冶镇初级中学"
+          } 
           // {
           //   position:[117.98512611573159,35.25364337631628],
           //   name:"东关中学"
@@ -1161,30 +1204,9 @@ export default defineComponent({
 
         let list = [
           {
-            position:[117.971595,35.266573],
-            name:"费县人民政府"
-          },  {
-            position:[117.99356769243757,35.263258305561045],
-            name:"费县自然资源局"
-          },{
-          position:[117.97382801362744,35.27844856654482],
-          name:"费县火车站",
-          }, {
-            position:[117.98882095847105,35.26211692345374],
-            name:"费县客运换乘中心"
-          }, {
-            position:[117.9747341972215,35.27316262351026],
-            name:"费县人民医院",
-          },{
-            position:[118.00069635084607,35.26337166753657],
-            name:"费县人民法院",
-          },{
-            position:[117.98697844293443,35.26394761370143],
-            name:"国家电网"
-          },{
-            position:[117.97797737010909,35.263574464228995],
-            name:"费县文化中心"
-          }
+            position:[117.954836,35.396238],
+            name:"上冶镇人民政府"
+          },  
         ];
         let canvasArr=[];
         for(let i=0;i<list.length;i++){
@@ -1394,7 +1416,10 @@ export default defineComponent({
             }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
 
             // 加载地图遮罩
-            methods.addMaskLayer();
+            // methods.addMaskLayer();
+
+            // 加载立体墙效果
+            methods.drawWallLayer();
 
             //  如果是违建专题 加载违建图斑数据
             if(route.query.title == "违建监测专题"){
@@ -1456,12 +1481,12 @@ export default defineComponent({
             let layerReadyPromise = promises.readyPromise;
             Cesium.when(layerReadyPromise, function (data) {
               var bounds = promises.rectangle;
-              if(obj.name=='费县老城区三维影像服务'){
+              if(obj.name=='三维倾斜摄影'){
                 setTimeout(function(){
                   methods.addCustomEntity();
                   methods.addSchoolEntity();
                   methods.addCommunityEntity();
-                },10000)
+                },20000)
               }
             })
 
@@ -1533,8 +1558,8 @@ export default defineComponent({
               let imageryLayers = window.viewer.imageryLayers;
               
               let provider_mec = new Cesium.SuperMapImageryProvider({
-                  // url:obj.layersUrl,
-                  url:"http://{s}/iserver/services/map-fxdt-4490/rest/maps/he1@fxdt-4490",
+                  url:obj.layersUrl,
+                  // url:"http://{s}/iserver/services/map-fxdt-4490/rest/maps/he1@fxdt-4490",
                   name:obj.layersName,
                   subdomains: ['223.99.16.253:9092','223.99.16.253:9091','223.99.16.253:8090']
               });