自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 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 900

原创 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 147

原创 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 3055 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 1848 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 1331

原创 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 1717 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 438

原创 ...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 214

原创 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 795

原创 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 122

原创 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 1509

原创 vue封装js和引入外部js文件

vue封装js和引入外部js文件现在src目录下新建uitlmap.js文件

2020-05-11 09:34:59 1524

原创 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 603

原创 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 798

原创 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 136

原创 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 447

原创 TypeScript安装和关键字

TypeScript安装npm install -g typescript// 查看版本$ tsc -vVersion 3.2.2//将.ts文件转为.jstsc test.ts使用 node 命令来执行 test.js 文件 node test.js TypeScript 保留关键字break 语句break 语句有以下两种用法:当 break 语句出现在一个循环...

2020-04-15 16:14:35 207

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除