jiangxiSZ/shuzhixiangzheng/src/assets/api/Map.js

import weizi from "./data.js"
class Map{
    constructor(){
        Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI1OTY1NTk0My04OTliLTRlYzAtYWNlNC0yOGNkZWZlMjgxNmIiLCJpZCI6NTE3ODIsImlhdCI6MTYxODMwMzE5OX0.iY_pexbzlJVWZBi9hglcPZnOejagrHmwB2Zbk4uHBec'
        //加载在线地形图数据
         this._worldTerrain = Cesium.createWorldTerrain({
            // required for water effects
            requestWaterMask : true, 
            // required for terrain lighting
            requestVertexNormals : true 
            });
        
            // 服务负载子域
            let subdomains = ['0', '1', '2', '3', '4', '5', '6', '7',"8","9"];
            let tiandituTk = "ac8f435fa9098eda8c1f40ba97b0b0f2";
            let provider = new Cesium.WebMapTileServiceImageryProvider({
              //影像底图
              url: "http://t0.tianditu.gov.cn/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=" + tiandituTk,
              subdomains: subdomains,
              layer: "img",
              style: "default",
              format: "image/jpeg",
              tileMatrixSetID: "GoogleMapsCompatible", //使用谷歌的瓦片切片方式
              show: true
            });
        
         this._viewer = new Cesium.Viewer('container', {
            shouldAnimate: true,
            infoBox: false, //是否显示点击要素之后显示的信息
            selectionIndicator:false,
            fullscreenButton: false,
            orderIndependentTranslucency: false,
            homeButton:false,
            sceneModePicker:false,
            baseLayerPicker:false,
            navigationHelpButton:false ,
            vrButton:false,
            geocoder: false, //是否显示地名查找控件
            timeline: false, //是否显示时间线控件
            animation:false,
            imageryProvider:provider,
           terrainProvider: this._worldTerrain,
            
        });
        
        this._viewer.scene.backgroundColor =new Cesium.Color(0,7/255,25/255); 
        this._viewer._cesiumWidget._creditContainer.style.display = "none";
        this._viewer.scene.skyAtmosphere.show = false;
        this._viewer.scene.globe.showGroundAtmosphere=false; 
        this._viewer.scene.globe.showWaterEffect=false; 
        this._viewer.scene.fog.enabled = false;
        this._viewer.scene.skyBox.show=false;
        this._viewer.shadowMap.darkness=0.2;
        this._viewer.isPointLight=true;
        //是否开启抗锯齿
        this._viewer.scene.fxaa = true;
        this._viewer.scene.postProcessStages.fxaa.enabled = true;
        

        this._tileset1 = new Cesium.Cesium3DTileset({
            url: 'https://testgis.4dage.com/jiujiang-xiugai1-qp/tileset.json',
          });
          let tileset=this._tileset1;
          this._tileset1.readyPromise.then(function () {
              let boundingSphere = tileset.boundingSphere;
              let cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center);
              let surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, cartographic.height);
              let offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, cartographic.height + 20);
              let translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
              tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
          })
          this._viewer.scene.primitives.add(this._tileset1);

          this._viewer.camera.flyTo({
            destination:Cesium.Cartesian3.fromDegrees(116.21584100853136,29.738977165300618,243.68175872316817),
            orientation:{
                heading:0.05766205214782261,
                pitch:-0.46911279010391693,
                roll:0.000005273011606909961
            },
            duration:1
        });
        // 亮度设置
          var stages = this._viewer.scene.postProcessStages;
          this._viewer.scene.brightness = this._viewer.scene.brightness || stages.add(Cesium.PostProcessStageLibrary.createBrightnessStage());
         this._viewer.scene.brightness.enabled = true;
          this._viewer.scene.brightness.uniforms.brightness = Number(1.0);


        
        this._handler = new Cesium.ScreenSpaceEventHandler(this._viewer.scene.canvas);
        let viewer=this._viewer;
      

        this._handler.setInputAction(function (movement) {
        var obj = viewer.scene.pick(movement.endPosition);
        
        viewer.container.style.cursor = "default";
        if(obj&&obj.id&&obj.id.label._text=="金湖国际小区"){
            viewer.container.style.cursor = "pointer";
        }
        if(obj&&obj.id&&obj.id.label._text=="老县委宿舍"){
            viewer.container.style.cursor = "pointer";
        }
        if(obj&&obj.id&&obj.id.label._text=="1#"){
            viewer.container.style.cursor = "pointer";
            }
            if(obj&&obj.id&&obj.id.label._text=="叶家舍小区"){
                viewer.container.style.cursor = "pointer";
            }
        }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);

        this._heilayer=new Cesium.ImageryLayer(new Cesium.UrlTemplateImageryProvider({
            url: "https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}"
        }));
        this._viewer.imageryLayers.add(this._heilayer)
        this._heilayer.show=false;
        this.name=null;
    }

    left_clickFun(clickjinghuguojiShowFun,jinghuguojiShowFun,laoxianweisusheShowFun,yejiaxiaosheShowFun){
        let viewer=this._viewer;
        this._handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK)
        this._handler.setInputAction(function (movement) {
            var obj = viewer.scene.pick(movement.position);
    
            if(obj&&obj.id&&obj.id.label._text=="金湖国际小区"){
                viewer.camera.flyTo({
                    destination:Cesium.Cartesian3.fromDegrees(116.21593231048116,29.740258229946367,162.62117710327865),
                    orientation:{
                        heading: 0.05766205214782261,
                        pitch:-0.46911279010391693,
                        roll:0.000005273011606909961
                    },
                    duration:1
                });
                clickjinghuguojiShowFun()
                
            }
    
            if(obj&&obj.id&&obj.id.label._text=="老县委宿舍"){
                viewer.camera.flyTo({
                    destination:Cesium.Cartesian3.fromDegrees(116.21644159026744,29.741029388219182,121.07007997440711),
                    orientation:{
                        heading: 0.05766205214782261,
                        pitch:-0.46911279010391693,
                        roll:0.000005273011606909961
                    },
                    duration:1
                });
            }
            if(obj&&obj.id&&obj.id.type=="jinghuguoji"&&obj.id.label._text=="1#"){
                jinghuguojiShowFun()
                }
                if(obj&&obj.id&&obj.id.type=="laoxianweisushe"&&obj.id.label._text=="1#"){
                    laoxianweisusheShowFun()
                }
    
    
                if(obj&&obj.id&&obj.id.label._text=="叶家舍小区"){
                    yejiaxiaosheShowFun()
                }
            
            }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
    }

    adddEntity1(position,str,background){
        this._viewer.entities.add({
              position:position,
              label:{
                  text:str,
                  showBackground:true,
                  backgroundColor:background,
                  pixelOffset:new Cesium.Cartesian2(0,-140),
                  scale:0.5
              },
              billboard:{
                  image:"../png/triangle.png",
                  pixelOffset:new Cesium.Cartesian2(0,-125),
                  scale:0.5
              }
          });
      }
       adddEntity2(position,str,borderColor){
          this._viewer.entities.add({
               type:str.split("_")[0],
                position:position,
                label:{
                    text:str.split("_")[1],
                    outlineColor:borderColor,
                    fillColor:Cesium.Color.WHITE,
                    style:Cesium.LabelStyle.FILL_AND_OUTLINE,
                    showBackground:true,
                    backgroundColor:new Cesium.Color(13/255,146/255,246/255,0.1),
                    outlineWidth:20,
                    pixelOffset:new Cesium.Cartesian2(0,-120),
                    scale:0.5
                }
            });
      }

      addEntity(){
        this.adddEntity1(new Cesium.Cartesian3 (-2448457.0543241943, 4972430.5303345295, 3145603.3914947766) ,"金湖国际小区",new Cesium.Color(13/255,146/255,246/255));
        this.adddEntity2(new Cesium.Cartesian3 ( -2448463.0940114185, 4972437.1644585775,  3145587.8985699383),"jinghuguoji_1#",new Cesium.Color(13/255,146/255,246/255));
        this.adddEntity2(new Cesium.Cartesian3 ( -2448474.523461309, 4972421.640874091, 3145603.5562153812),"jinghuguoji_2#",new Cesium.Color(13/255,146/255,246/255));
        this.adddEntity1(new Cesium.Cartesian3 ( -2448508.4188250797,  4972329.740959639, 3145648.777494665),"老县委宿舍",new Cesium.Color(13/255,146/255,246/255));
        this.adddEntity2(new Cesium.Cartesian3 ( -2448497.7840337977,  4972353.026540443,  3145637.2073454955),"laoxianweisushe_1#",new Cesium.Color(13/255,146/255,246/255));
        this.adddEntity2(new Cesium.Cartesian3 ( -2448487.6369428034,  4972366.6064854115,3145602.2819039533),"laoxianweisushe_2#",new Cesium.Color(13/255,146/255,246/255));
        this.adddEntity2(new Cesium.Cartesian3 ( -2448520.3171395767,  4972369.752162702,  3145592.3613111465),"laoxianweisushe_3#",new Cesium.Color(13/255,146/255,246/255));
      }

      
      addLocationName(event){
          let name=""
        weizi.map(w=>{
            if(event.target.id===w.id){
                let height=10;
                name=w.name
                if(w.name=="西门社区")
                {
                    height=50;
                    this._viewer.camera.flyTo({
                        destination:Cesium.Cartesian3.fromDegrees(116.21536139714668,29.735710683444914,210.11715193973072),
                        orientation:{
                            heading: 5.387296195840215,
                            pitch: -0.4462147819503275,
                            roll: 6.283184526554923
                        },
                        duration:0.5
                    });
                }else{
                    this._viewer.camera.flyTo({
                        destination:Cesium.Cartesian3.fromDegrees(w.lon,w.lat-0.02,1000),
                        orientation:{
                            heading: 0.05766205214782261,
                            pitch:-0.46911279010391693,
                            roll:0.000005273011606909961
                        },
                        duration:0.5
                    });
                }
                
                this._viewer.entities.add({
                position:Cesium.Cartesian3.fromDegrees(w.lon,w.lat,height),
                label:{
                    text:w.name,
                    fillColor:Cesium.Color.WHITE,
                    showBackground:true,
                    backgroundColor:new Cesium.Color(13/255,146/255,246/255,0.8),
                    outlineWidth:20,
                    scale:1
                }
            });
            }
        });
        // debugger
        return name;
    }
    
      addGaode(){
        this._tileset1.show=false;
        this._viewer.entities.removeAll();
        this._viewer.scene.terrainProvider=new Cesium.EllipsoidTerrainProvider({});
        this._heilayer.show=true;
       
    }
    
     removeGaode(){
        this._tileset1.show=true;
        this._viewer.camera.flyTo({
            destination:Cesium.Cartesian3.fromDegrees(116.21584100853136,29.738977165300618,243.68175872316817),
            orientation:{
                heading:0.05766205214782261,
                pitch:-0.46911279010391693,
                roll:0.000005273011606909961
            },
            duration:1
        });
        this._viewer.entities.removeAll();
       this.addEntity();
        this._viewer.scene.terrainProvider=this._worldTerrain;
        this._heilayer.show=false;
    }
    
    loadximen(){
       this._tileset1.show=true;
        this._viewer.camera.flyTo({
            destination:Cesium.Cartesian3.fromDegrees(116.219468,29.737767,243.68175872316817),
            orientation:{
                heading:0.05766205214782261,
                pitch:-0.46911279010391693,
                roll:0.000005273011606909961
            },
            duration:1
        });
        this._viewer.entities.removeAll();
        this._viewer.scene.terrainProvider=this._worldTerrain;
        this._heilayer.show=false;
    }
}



// var handler = new Cesium.ScreenSpaceEventHandler(this._viewer.scene.canvas);
//     handler.setInputAction(function (event) {
//         //1.椭球面坐标:获取当前点击视线与椭球面相交处的坐标，在加载地形的场景上获取的坐标有误差
//       //  var earthPosition = map.this._viewer.camera.pickEllipsoid(event.position,map.this._viewer.scene.globe.ellipsoid); 

//         //2.场景坐标:获取场景中任意点击处的对应的世界坐标，需要开启“地形深度检测”（在未开启“地形深度检测”的情况下只能在3DTile上准确获取空间坐标，开启“地形深度检测”后，this._viewer.scene.pickPosition 也能在非3DTile上准确获取坐标）
//        this._viewer.scene.globe.depthTestAgainstTerrain = true;
//         var  position1 = this._viewer.scene.pickPosition(event.position);
//         var ellipsoid = this._viewer.scene.globe.ellipsoid;
//         var cartographic = ellipsoid.cartesianToCartographic(position1);
//         var lat1 = Cesium.Math.toDegrees(cartographic.latitude);
//         var lng1 = Cesium.Math.toDegrees(cartographic.longitude);
//         var alt1 = cartographic.height;
//         console.log({
//             lat1:lat1,
//             lng1:lng1,
//             alt1:alt1
//         })
//         var cartographic = ellipsoid.cartesianToCartographic(this._viewer.camera.position);
//         var lat = Cesium.Math.toDegrees(cartographic.latitude);
//         var lng = Cesium.Math.toDegrees(cartographic.longitude);
//         var alt = cartographic.height;
//        console.log({
//         lat:lat,
//         lng:lng,
//         alt:alt,
//         heading:this._viewer.camera.heading,
//         pitch:this._viewer.camera.pitch,
//         roll:this._viewer.camera.roll
//        })
        
//     }, Cesium.ScreenSpaceEventType.LEFT_CLICK);



// function GetWGS84FromDKR(coor)
// {
//   let cartographic = Cesium.Cartographic.fromCartesian(coor);
//   let x=Cesium.Math.toDegrees(cartographic.longitude);l
//   let y=Cesium.Math.toDegrees(cartographic.latitude);
//   let wgs84={
//     lon:x,
//     lat:y,
//   };
//   return wgs84;

// }
export default  Map;