cesium
曹天骄
这个作者很懒,什么都没留下…
展开
-
cesium billboard 设置距离控制可见度
核心代码如下 viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(longitude, latitude, height), billboard: { image: '/imgs/disease/1.png', scaleByDistance: new Cesium.NearFarScalar(300, 1, 1200, 0.4), //设置随图缩放距离和比例 distanceDis原创 2021-04-20 13:58:43 · 1314 阅读 · 0 评论 -
cesium polygon 悬浮在半空中
效果如下:代码:let arr = [ [120.87140893447473, 31.877030830389447, 128.64], [120.87140872335587, 31.876963534304792, 128.64], [120.87202301763111, 31.87696299560446, 128.63], [120.87202432001283, 31.877030271988385, 128.63] ] arr = [].concat.app原创 2021-04-16 19:56:16 · 960 阅读 · 0 评论 -
cesium label 显示隐藏到地底下
今天在写label的时候,发现高度为0时,label显示不全,影响用户体验,代码如下: window.labelEntity = viewer.entities.add({ label: { show: false, showBackground: true, font: "14px monospace", horizontalOrigin: Cesium.HorizontalOrigin.LEFT,原创 2020-09-13 14:31:58 · 2536 阅读 · 0 评论 -
cesium 修改 鼠标 样式
十字:viewer._container.style.cursor = "crosshair";默认:viewer._container.style.cursor = "default";原创 2020-09-13 14:06:57 · 2896 阅读 · 0 评论 -
cesium的clock开始,结束,控制速率
开始viewer.clock.shouldAnimate = true; 结束window.viewer.clock.shouldAnimate = false;速率调整viewer.clock.multiplier = 8;原创 2019-11-28 19:26:15 · 4021 阅读 · 1 评论 -
cesium 设置地球默认区域为中国 一键返回默认区域
直接上代码啦Cesium.Camera.DEFAULT_VIEW_RECTANGLE = Cesium.Rectangle.fromDegrees(90, -20, 110, 90);const viewer = new Cesium.Viewer('cesiumContainer', {selectionIndicator: false, infoBox: false, anima...原创 2019-11-25 10:17:43 · 3650 阅读 · 1 评论 -
cesium进行模型高度测量的代码片段
主要参考 https://sandcastle.cesium.com/index.html?src=Picking.htmlexport function monitorMove() { const viewer = window.viewer; const scene = viewer.scene; const handler = new Cesium.ScreenSpaceEve...原创 2019-11-03 14:09:00 · 846 阅读 · 0 评论 -
cesium根据输入高度设置相机camera视角高度
核心代码:camera.setView({ destination: Cesium.Cartesian3.fromRadians(viewer.camera.positionCartographic.longitude, viewer.camera.positionCartographic.latitude, n.height), orientation: { heading: ...原创 2019-11-01 18:19:30 · 3364 阅读 · 0 评论 -
js cesium 中弧度、角度转化
参考如下代码:const { heading, pitch, roll } = viewer.camera;console.log({ heading, pitch, roll });// 弧度const radians = Cesium.Math.toRadians(heading)console.log(radians)// 角度const degrees = radians *...原创 2019-10-31 14:15:47 · 3557 阅读 · 1 评论 -
cesium事件简单全面描述
我在开发中,需要一个功能,时时获取经纬度和相机角度。需要对cesium中对事件实现监听。cesium事件主要几大类类型:1、鼠标事件:ScreenSpaceEventType2、键盘事件:KeyboardEventModifier3、相机事件:CameraEventType事件之间可以通过组合形成复杂事件,比如下面代码// 监听拖拽export function monitorD...原创 2019-10-31 13:56:49 · 803 阅读 · 0 评论 -
cesium面板动态显示并跟随移动
我的需求,首先显示一个billboard,点击billboard后,在旁边显示一个div面板,并且该面板随着地图拖拽也能进行相对运动。做成效果如下。概要实现步骤:1、自定义div面板,面板需要设置id值2、使用我自己定义的函数,进行定位。export function htmlFixed(viewer, domId) { const htmlOverlay = document....原创 2019-10-05 19:19:36 · 3131 阅读 · 0 评论 -
cesium billboard 点击 不想显示infobox
cesium的一些实体默认点击,会弹出infobox,如果不想弹出,只需要初始化的时候加上参数infoBox: false即可。示例:var viewer = new Cesium.Viewer('cesiumContainer', { selectionIndicator : false, infoBox : false});同时,官方有关实体点击的参考demo地址:...原创 2019-10-05 15:40:02 · 3480 阅读 · 0 评论