三维地图 cesium知识

1 <div id="cesiumContainer"></div>

1 #cesiumContainer {
2         width: 100%;
3         height: 100%;
4 }

 1 window.$_viewer = this.viewer = new Cesium.Viewer( // 加载底图
 2                 "cesiumContainer",
 3                 {
 4                     animation: false, //动画
 5                     navigation: false, //去掉右侧导航栏
 6                     homeButton: false, //home键
 7                     geocoder: false, //地址搜素
 8                     baseLayerPicker: false, //图层选择控件
 9                     timeline: false, //时间轴
10                     fullscreenButton: false, //全屏显示
11                     //allOverlays: true,  //是否叠加图层
12                     infoBox: true, // 点击要素之后浮窗
13                     sceneModePicker: false, //投影方式  三维/二维
14                     navigationInstructionsInitiallyVisible: false, //导航指令
15                     navigationHelpButton: false, //帮助信息
16                     selectionIndicator: false, // 选择
17                     navigationHelpButton: false,
18                     skyBox: new Cesium.SkyBox({
19                         sources: {
20                             positiveX: require(‘@/assets/skybox/漫天彩云_LF.jpg‘),
21                             negativeX: require(‘@/assets/skybox/漫天彩云_RT.jpg‘),
22                             positiveY: require(‘@/assets/skybox/漫天彩云_UP.jpg‘),
23                             negativeY: require(‘@/assets/skybox/漫天彩云_DN.jpg‘),
24                             positiveZ: require(‘@/assets/skybox/漫天彩云_FR.jpg‘),
25                             negativeZ: require(‘@/assets/skybox/漫天彩云_BK.jpg‘),
26                         },
27                     }),
28                 }
29 )

1 this.viewer._cesiumWidget._creditContainer.style.display = "none" // 隐藏cesium icon
2 this.viewer.scene.undergroundMode = true; //重要，开启地下模式，设置基色透明，这样就看不见黑色地球了
3 this.viewer.scene.underGlobe.show = true;
4 this.viewer.scene.underGlobe.baseColor = new Cesium.Color(0, 0, 0, 1);
5 this.viewer.scene.globe.show = false; // 隐藏地球
6 this.viewer._cesiumWidget._creditContainer.style.display = "none" // 隐藏cesium icon

1 this.imageLayer = this.viewer.imageryLayers.addImageryProvider(
2     new Cesium.TileMapServiceImageryProvider({
3            //影像图
4            url: "http://121.196.59.85:8016/yx_g",
5            fileExtension: "jpg" //url为文件夹地址
6     })
7 )
8 this.imageLayer.show = true //默认显示影像图

1 let promise = this.viewer.scene.open(BIMData.serviceUrl, undefined, {
2      autoSetView: false
3  });
4  promise.then((layers) => {
5 }):

1 this.layers.forEach(layer => {
2         layer.setObjsVisible(ids, true);
3 });

1 // 点击模型出现属性框
2 this.viewer.pickEvent.addEventListener((feature) => {
3        this.$refs.propertyinfo.serviceloading = true;
4 });