- 博客(17)
- 收藏
- 关注
RSS订阅原创 6.Cesium粒子发射器火灾效果
代码 var staticPosition = Cesium.Cartesian3.fromDegrees( -75.59742934002912,40.03824624260394,8); var entity44 = this.viewer.entities.add({ position : staticPosition }); function computeModelMatrix(entity, time) {
2021-01-22 16:01:47
942
原创 for循环
1.for(起始条件，终止条件，条件变化){ // 循环的代码 } 循环代码块一定的次数 for (let i = 0; i < 10; i++) { console.log(i); } 2.for (变量 in 对象){ 在此执行代码 } 语句用于对数组或对象的属性操作 let test = { id:1, name:'zhangsan'} for ( let a in test) { console.log(a)// id,name } 3.wh
2021-01-20 16:59:04
156
原创 5.Cesium添加czml数据实现车辆轨迹运动效果
czml数据 let czml = [ { id: 'document', name: 'polygon', version: '1.0', clock: { interval: '2012-08-04T16:00:00Z/2012-08-04T16:06:00Z',//规定时间范围 currentTime: '2012-08-04T16:00:00Z',//当前时间 multiplier: 20,
2021-01-20 16:45:30
3103
1
原创 4.Cesium通过GroundPrimitive实现流动水面效果
这里采用GroundPrimitive接口，如果采用Primitive接口，随地图放大缩小会出现确实的情况 this.waterPrimitive = new Cesium.GroundPrimitive({ show: true, // 默认隐藏 allowPicking: false, geometryInstances: new Cesium.GeometryInstance({ geometry: new Cesium.Polygo
2021-01-20 16:19:44
1942
2
原创 3.cesium雨、雪、雾天气场景效果
通过cesium的postProcessStages接口改变fragmentShader来实现这些效果 addsnow() { //删除 if (this.snow) this.viewer.scene.postProcessStages.remove(this.snow) this.snow = new Cesium.PostProcessStage({ name: 'czm_snow', fragmentShader: '\n.
2021-01-14 10:50:06
1372
原创 2.Cesium添加billboard图片和gif标点
1.图片标点 this.viewer.entities.add({ name: '监测设备', position: Cesium.Cartesian3.fromDegrees(lng, lat, 6), label: { //文字标签 text: '监测设备', font: '14pt monospace', style: Cesium.LabelStyle.FILL,
2021-01-14 09:27:33
1779
1
原创 1.加载Cesium地球及初始配置
加载ArcGIS在线地图 this.viewer = new Cesium.Viewer('cesiumContainer', { animation: false, //是否显示动画控件 baseLayerPicker: false, //是否显示图层选择控件 geocoder: false, //是否显示地名查找控件 timeline: false, //是否显示时间线控件 sc
2021-01-13 17:16:59
462
原创 ...rest和...spread 数据解构
…rest和…spread ...rest：将所有剩余的参数（’其余的参数‘）收集到一个数组中 ...spread：将迭代器张开为一个或多个参数 rest： 注意：rest必须是唯一参数或是最后一个参数，不可以是第一个 spread： 注意：spread可以在任何位置使用 示例： function sum(...args){ console.log(args) } sum(1,2,3) //[1,2,3] //如果传入一个数组 sum([1,2,3])
2020-12-15 11:48:58
227
原创 vue自定义指令和自定义事件
自定义事件 <template> <div class="hello"> <input v-focus="name" /> </div> </template> <script> export default { data() { return { name: '我是名字', } }, directives: { focus: { inserted: funct
2020-09-22 17:25:32
804
原创 vue指令
v-text 更新元素的 textContent <span v-text="msg"></span> <!-- 和下面的一样 --> <span>{{msg}}</span> v-show 与v-if一样，v-show的真假控制的是css属性display，block和none <span v-show="false"></span> v-if 操作的时dom,当值为true，false时，分别销毁和创
2020-09-22 16:43:42
133
原创 MapBox常用属性和案例
一、定位 //跳转 map.jumpTo({ center: city.geometry.coordinates }); }, 2000 * index); //飞行 this.map.flyTo({ center: [114.23774842192483, 30.52603116857425], essential: true }) 二、获取所有图层 var layers = this.map.getStyle().layers 三、监听地图缩放事件 th
2020-08-20 09:38:47
1528
原创 fillter()、map()、reduce()方法
filter()检测数值元素，并返回符合条件所有元素的数组。 function isBigEnough(element, index, array) { return (element >= 10); } var passed = [12, 5, 8, 130, 44].filter(isBigEnough); console.log("Test Valu...
2020-04-16 11:32:34
614
原创 vue.js路由传参的几种方式介绍
注意：path匹配路由传参只能用query去接收参数，name来匹配路由只能用params去接收参数 方法一：用name传递参数 routes: [ { path: '/', name: 'Hello', component: Hello } ] 在相应路由里接收 :console.log(this.$route.name) // Hello...
2020-04-16 11:28:08
806
原创 vue.js父子组件通信传值
父传子：用props <body> <div id='app'> <!-- <ul> <li v-for="item in movies">{{item}}</li> <li>{{title}}</li> </ul&...
2020-04-16 11:18:34
145
原创 git账号切换时报错Incorrect username or password
电脑切换git账号 首先初始化邮箱和初始化用户名 git config --global user.email "邮箱账号" git config --global user.name "码云的名字" 然后拉取代码 git clone 码云的https 这个时候代码可以拉下来就没有什么事了，要是git报错“Incorrect username or password”，就查看一下电脑wi...
2020-04-15 16:46:30
468
原创 TypeScript安装和关键字
TypeScript安装 npm install -g typescript // 查看版本 $ tsc -v Version 3.2.2 //将.ts文件转为.js tsc test.ts 使用 node 命令来执行 test.js 文件 node test.js TypeScript 保留关键字 break 语句 break 语句有以下两种用法： 当 break 语句出现在一个循环...
2020-04-15 16:14:35
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人