cesium相关参数设置

掉下去

已于 2023-04-12 08:46:41 修改

阅读量4.5k

点赞数 1

文章标签：前端 javascript

于 2021-12-10 08:43:22 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43974125/article/details/121848195

版权

禁止视角转动

viewer.scene.screenSpaceCameraController.tiltEventTypes = [];
viewer.scene.screenSpaceCameraController.enableRotate=false;

最大可见高度

viewer.scene.screenSpaceCameraController.maximumZoomDistance= 30000；

取消商标

viewer.cesiumWidget.creditContainer.style.display= "none";

修改地球颜色

viewer.scene.globe.baseColor="颜色";

注册事件

事件类型：
Cesium.ScreenSpaceEventType.MOUSE_MOVE
Cesium.ScreenSpaceEventType.LEFT_CLICK
Cesium.ScreenSpaceEventType.LEFT_DOWN
Cesium.ScreenSpaceEventType.LEFT_UP
Cesium.ScreenSpaceEventType.LEFT_UP
Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK
Cesium.ScreenSpaceEventType.RIGHT_CLICK

var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
  handler.setInputAction(function (ev) {
	//事件处理
  }, Cesium.ScreenSpaceEventType.LEFT_CLICK);

点击获取对象

hotFeature = viewer.scene.pick(ev.position);

停止地球旋转动画

viewer.clock.shouldAnimate = false;

飞入对象

 opt=
 {
 	duration: 3,  // 飞入时长（默认值为3）
 	maximumHeight:1000, // 飞入时最大高度
 	offset: new Cesium.HeadingPitchRange(0, -90, 0) // 俯仰角以及距离
 } // opt可缺省
 viewer.flyTo( entities, opt);

定位对象（用法同flyTo）

  vewer.zoomTo( entities, opt);

图层（viewer下）
imageryLayers: 图像图层
1. 新建图像图层

		// wmts
	    const layer = this.viewer.imageryLayers.addImageryProvider(
		  new Cesium.WebMapTileServiceImageryProvider(option)
		)
		// xyz
		const layer = this.viewer.imageryLayers.addImageryProvider(
	      new Cesium.UrlTemplateImageryProvider(option)
	    )
	    // ……

加载Geojson数据

data：json的url、geojson对象
传入的data数据中properties中字段名称和样式字段同名会自动引入为样式。

const dataSource = viewer.dataSources.add(Cesium.GeoJsonDataSource.load(data, {
	clampToGround: true,
	fill: Cesium.Color.ALICEBLUE,
	……
	……
}));

传入的data数据中properties中字段名称和样式字段同名会自动引入为样式，截了下cesium官方demo的数据