摘要: 针对写glsl要点 针对glsl 颜色范围 是 0-1 针对attributes, uniform ,varying 变量时候 ,前缀添加 a, v, u 例如 attribute vec2 aPosition; varying vec2 vUv; uniform sampler2D uTextur 阅读全文
posted @ 2022-01-20 17:57 haibalai 阅读(30) 评论(0) 推荐(0) 编辑
摘要: 构建雷达扫描 ``` // TODO 未集成export class RadarRadiationWave {viewer:any; init(map: any){ this.viewer = map; this.initRadarRiationWave1(); this.initRadarRiat 阅读全文
posted @ 2022-01-20 17:52 haibalai 阅读(634) 评论(0) 推荐(0) 编辑
摘要: 参考别人整理的一些要点 数据类型 void 表示空 bool 表示 布尔 int 表示整数 float 表示 浮点 vec2 表示两个浮点向量 vec3 表示三个浮点向量 vec4 表示四个浮点向量 bvec2 表示两个布尔向量 bvec3 表示三个布尔向量 bvec4 表示四个布尔向量 ivec2 阅读全文
posted @ 2022-01-20 17:52 haibalai 阅读(26) 评论(0) 推荐(0) 编辑
摘要: 我们来构建视频图层 首先做定义 export interface PVideoEntity{ name?:string, entity:any, video:any, } 视频构建图层```javascript import { PVideoEntity } from './PVideoEntity 阅读全文
posted @ 2022-01-20 17:51 haibalai 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 我们来构建等高线图层 ```javascript import {Layer} from "./Layer";import { GraphicLayer } from "./GraphicLayer"; export class IsoLineLayer extends Layer {private 阅读全文
posted @ 2022-01-20 17:50 haibalai 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 这里需要ImageryLayer 定义参考 cesium 图层那些事 ```javascript/** 卷帘效果*/ import {ImageryLayer} from "./ImageryLayer"; export class ShutterEffect {private map: any;p 阅读全文
posted @ 2022-01-20 17:50 haibalai 阅读(393) 评论(0) 推荐(0) 编辑
摘要: 对于cesium entiy的增删改查 我们来封装一个layer来统一管理类似arcgis js 的GraphicLayer 中间数据管理类 import {Layer} from "./Layer"; export abstract class DataSourceLayer extends La 阅读全文
posted @ 2022-01-20 17:49 haibalai 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 我们之前构建过arcgis 的风场图层 这次我们切换构建cesium的风场图层我们先设计一下风场的工具类 vector类定义 class Vector { public u:number; public v:number; public m:number; constructor(u:number, 阅读全文
posted @ 2022-01-20 17:48 haibalai 阅读(52) 评论(0) 推荐(0) 编辑
摘要: 接上一篇风场文章 请求工具类 export class FetchUtil { /** * 将对象转成 a=1&b=2的形式 * @param obj 对象 */ private static obj2String(obj: any = {}, arr: any = [], idx: any = 0 阅读全文
posted @ 2022-01-20 17:48 haibalai 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 根据线动画 前期准备加载esri 需要的类 const [Graphic, GraphicsLayer, Polyline] = await esriClass.load([esriClassName.Graphic, esriClassName.GraphicsLayer, esriClassNa 阅读全文
posted @ 2022-01-20 17:47 haibalai 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 我门封装倾斜摄影图层 首先看定义 export interface PTile3dLayer{ } export interface PMaxtrix { position?:{ x:number, //模型中心X轴坐标(经度,单位:十进制度) y:number, //模型中心Y轴坐标(纬度,单位: 阅读全文
posted @ 2022-01-20 17:46 haibalai 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 说完cesium 同步地图 arcgis 同步地图更简单些 ```javascript export class CityWorkLinkAge { linkLayer:Map<any,any> = new Map<string, any="">(); linkLayerHandle1:Map<an 阅读全文
posted @ 2022-01-20 17:46 haibalai 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 今天我们来讲下聚合图层 首先我们定义参数 export enum ECluserLayerType { circle = 0, shine = 1, image = 2,//未实现 } interface ClusterColor { value: number, color: string } e 阅读全文
posted @ 2022-01-20 17:45 haibalai 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 根据基础聚合类,我们构建geojosn序列化的聚合使用类 首先是参数定义 interface ClassBreak { minValue: number, maxValue: number, symbol: any } interface UniqueValue { value: number, s 阅读全文
posted @ 2022-01-20 17:45 haibalai 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 大家都看过cesium的场景漫游但是arcgis 场景漫游很少,我通过研究esri 的ExperienceBuilder 发现场景漫游挺好用的,通过改造能适配最新版本4.21 初始化 let controllerManager = new ControllerManager({ sceneView: 阅读全文
posted @ 2022-01-20 17:44 haibalai 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 大家知道arcgis 键盘可以操作地图的前进后退, 我碰到一个需求需要在触屏面板 去操作键盘事件我发现arcgis 并没有提供相应的api,于是我构建了一个触屏可以操作键盘上下左右 前进后退的模拟类 ```javascript import {esriClass, esriClassName} fr 阅读全文
posted @ 2022-01-20 17:44 haibalai 阅读(48) 评论(0) 推荐(0) 编辑
摘要: 有了上一章说Primiteve图层 我们就可以定义丰富数据图层比如我们定义水面 图层先定义水面图层参数定义 export interface PWaterPrimitives{ id: string, source: Array<number>, symbol?: { url?: string, h 阅读全文
posted @ 2022-01-20 17:43 haibalai 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 之前看过别人封装一个esri-loader工具挺好用现在重新用typescript 构建 ```javascript // @ts-ignoreimport esriLoader from 'esri-loader'; export enum esriClassName {externalRende 阅读全文
posted @ 2022-01-20 17:43 haibalai 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 针对 一些Primiteve 特定要素我们定义Primiteve图层 ```javascript import {Layer} from "./Layer"; export abstract class PrimiteveLayer extends Layer {constructor(name: 阅读全文
posted @ 2022-01-20 17:42 haibalai 阅读(37) 评论(0) 推荐(0) 编辑
摘要: 我们这次来构建热力图 热力图定义参数 export interface PHeatMapRenderer { type: string; radius: number; colorStops: Array<{ color: string, ratio: number }>, blur?: numbe 阅读全文
posted @ 2022-01-20 17:41 haibalai 阅读(44) 评论(0) 推荐(0) 编辑