Cesium - Entity 绘制简单图形

haunzhao

已于 2024-01-13 23:19:51 修改

阅读量444

点赞数 8

分类专栏： cesium 文章标签：前端框架

于 2024-01-13 22:49:51 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43836060/article/details/135577106

版权

安装 cesium he vite-plugin-cesium 插件

初始化一个Viewer容器

const viewer = new Cesium.Viewer("cesiumContainer", {
            timeline: false,// 时间线
        navigationHelpButton:false,//是否显示右上角的帮助按钮。
        sceneModePicker:false,// 是否显现地球 平面图 切换功能（视角切换工具）
        baseLayerPicker:false,// 图层选择工具
        fullscreenButton:false,// 是否显示全屏按钮
        geocoder:false, //是否显示地理编码搜索组件。
        homeButton:false, // 是否显示主页按钮
        animation: false,// 是否开启动画(右下角的钟表)
        infoBox:false// 默认信息弹框
      });
      // 去除版权信息  
      viewer._cesiumWidget._creditContainer.style.display = "none";

绘制一个点

let myAddPoints = (longitude,latitude)=>{
      let point = {
        id:`point-${Math.random()}`,
        name:'自定义点',
        show:true,
        position:Cesium.Cartesian3.fromDegrees(longitude,latitude,0.0),
        // 这是将经纬度转化成了世界坐标 position要接受的值就是一个世界坐标&