随笔分类 - Cesium
Cesium项目积累
摘要：three点击交互，改变材质颜色 一、在vue的的methods方法中写入 // 模型点击改变颜色 onmodelclick(event) { var raycaster = new THREE.Raycaster(); let mouse = new THREE.Vector2(); mouse.
阅读全文
摘要：Cesium测量距离和面积 直接上代码，下面两个函数已经封装好，可以直接调用；有疑问请加群讨论：854184700 //线长度测量 function measureLine(viewer) { var handler = new Cesium.ScreenSpaceEventHandler(view
阅读全文
摘要：cesium加载gltf模型 一、采用vue-cesium；在项目里加载依赖包。命令如下： npm i --save vue-cesium 在main.js中加入如下代码： https://www.npmjs.com/package/vue-cesium 在你的相关组件里加入如下代码: 在index
阅读全文
摘要：vue/cli3引入cesium 一开始用了webpack结合vue引入vue；结果是各种bug，搞了半天。最后问了基友，发现vue脚手架这个·简单高效的方法，只需要几行代码就轻松地搞定啦！ 方案一、搭建完vue项目后，直接在public文件中引入cesium文件夹，然后在index.html中引入
阅读全文
摘要：cesium左侧列表定位目标 功能：根据左侧列表经纬度等信息的值，进行搜索定位。 列表: 1 点击清除按钮可以清空所有input的值 2 点击查找可以定位到位置，如果输入的值不在范围内，会有弹出框提示。 3 每个值，输入错误都有个弹出框，提示你。 记得在合适的位置调用这个locationClick(
阅读全文
摘要：cesium默认全屏按钮自定义 1 隐藏默认的svg 2 修改它默认的按钮边框，背景 3 修改它点击时的样式 代码如下： 1 .cesium-viewer-fullscreenContainer { 2 position: absolute; 3 top: 100px; 4 right: 24px;
阅读全文
摘要：cesium清除选定事件 此处的案例不一定适合你的项目，但可以给你一个思路。清除选定，就是还原你选中之前的状态。比如你点击一个面高亮，面的颜色发生改变；并且会弹出一个divPoint框。此时的清除选定，你只需要把选中面的颜色复原以及把divPoint框隐藏就可以了。 代码如下： 学习群：854184
阅读全文
摘要：cesium中divPoint展示数据 在用点击面获取位置信息的时候，会弹出一个divPoint框，用来展示这个面的属性信息；或者位置信息。 代码如下： // 创建div弹出框 createDIV (x, y, text) { var viewDivPoint = document.getEleme
阅读全文
摘要：cesium安装及第一个示例 一、环境要求 二、浏览器要求 三、安装node.js 四、下载cesium包（地址为https://cesiumjs.org） 包括了 五、在你的项目里引入相关js与css 只需要在js中写下面这句话 六、在html页面写入这句话，然后nmp install npm s
阅读全文
摘要：cesium页面小控件的隐藏 一、 创建一个Viewer var viewer = new Cesium.Viewer('cesiumContainer');//cesiumContainer为div中的id。 二、Viewer中会有下面这些内容 1 Geocoder:一种定位搜索工具，他可以让摄像
阅读全文
摘要：cesium场景出图，打印图件 把3d渲染的页面进行截图，并可以下载到本地；代码如下： 1 function printscreenScene() { 2 var image = new Image();//创建img对象 3 viewer.render();//重新渲染界面 4 image = v
阅读全文
摘要：cesium点击面高亮事件 主要功能：比如你加载了json、geojson或者topojson的数据。加载出来后，分为很多个面，现在要实现点击一个面，这个面变颜色；再点击另一个面，另一个面高亮，之前的面复原。（有不懂得，请加相关学习群：854184700） 下面上代码： 有疑惑，请加相关学习群：85
阅读全文
摘要：cesium中json、topojson、geojson、stk,影像切片等数据的加载 一、geojson、topojson，json数据的加载 不管是哪种json，都可以通过GeoJsonDataSource去加载；方式是一样的。 例： 1 var viewer = new Cesium.View
阅读全文
摘要：cesium相关学习网址： cesium资料大全网址：https://www.cnblogs.com/cesium1/p/10062942.html http://192.168.101.121:9421/（内部网） http://cesium.xin/ https://cesium.com htt
阅读全文
