Cesium:绘制点

作者:CSDN @ 乐多

本文记录了在Cesium中绘制点的函数。


文章目录


data() 里面设置点的样式

javascript 复制代码
pointOption: {

                show: true,
                pixelSize: 10,
                heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
                color: Cesium.Color.RED,
                outlineColor: Cesium.Color.YELLOW,
                outlineWidth: 3,
                disableDepthTestDistance: Number.POSITIVE_INFINITY,
                distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 20000)
            },

methods里面定义绘制点函数

javascript 复制代码
createPoint() {
            var Position = Cesium.Cartesian3.fromDegrees(
                109.3838266599023,
                39.333702773480425,
                0.0
            );

            var viewer = uia.earth.czm.viewer;
            console.log('viewer', viewer)
            let entity = new Cesium.Entity({
                name: 'test',
                show: true,
                position: Position,
                point: {
                    ...this.pointOption,
                    clampToGround: true
                }
            });
            viewer.entities.add(entity);
            viewer.zoomTo(entity);
            viewer.scene.camera.flyTo;
        },

声明:

本人作为一名作者,非常重视自己的作品和知识产权。在此声明,本人的所有原创文章均受版权法保护,未经本人授权,任何人不得擅自公开发布。

本人的文章已经在一些知名平台进行了付费发布,希望各位读者能够尊重知识产权,不要进行侵权行为。任何未经本人授权而将付费文章免费或者付费(包含商用)发布在互联网上的行为,都将视为侵犯本人的版权,本人保留追究法律责任的权利。

谢谢各位读者对本人文章的关注和支持!

相关推荐
十一吖i13 分钟前
前端将后端返回的文件下载到本地
vue.js·elementplus
光影少年15 分钟前
vue2与vue3的全局通信插件,如何实现自定义的插件
前端·javascript·vue.js
Rattenking20 分钟前
React 源码学习01 ---- React.Children.map 的实现与应用
javascript·学习·react.js
熊的猫1 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
mosen8682 小时前
Uniapp去除顶部导航栏-小程序、H5、APP适用
vue.js·微信小程序·小程序·uni-app·uniapp
别拿曾经看以后~3 小时前
【el-form】记一例好用的el-input输入框回车调接口和el-button按钮防重点击
javascript·vue.js·elementui
川石课堂软件测试3 小时前
性能测试|docker容器下搭建JMeter+Grafana+Influxdb监控可视化平台
运维·javascript·深度学习·jmeter·docker·容器·grafana
JerryXZR3 小时前
前端开发中ES6的技术细节二
前端·javascript·es6
problc4 小时前
Flutter中文字体设置指南:打造个性化的应用体验
android·javascript·flutter
Gavin_9154 小时前
【JavaScript】模块化开发
前端·javascript·vue.js