摘要: 上次的风场在球面不是很好用, 这次给大家带来一个球面用的风场。 ```html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale 阅读全文
posted @ 2022-01-20 16:55 haibalai 阅读(133) 评论(0) 推荐(0) 编辑
摘要: cesium 在materail 定义上还是比较自由的允许自己构建shader, 我整理一下常用的效果materail 设计全程使用typescript 来编写这个系列。 首先我们要设计material 的基础类 ```javascript const loadedMap = new Map<str 阅读全文
posted @ 2022-01-20 16:55 haibalai 阅读(327) 评论(0) 推荐(0) 编辑
摘要: 这一章节 我们来讲讲ParticleContainer 怎么添加事件, 变成了粒子容器后 pointdown事件是行不通了于是我想到游戏常常用到的碰撞检测。 刚好pixi.js 提供的检测的库也比较多,Bump 库就是其中之一,它允许 坐标和 sprite 是否碰撞 初始化bump 库, app 是 阅读全文
posted @ 2022-01-20 16:52 haibalai 阅读(69) 评论(0) 推荐(0) 编辑
摘要: arcgis 加载carto 也很简单 目前官方maptalks 地图就是carto地图加载 我觉得挺好看的 于是我也用arcgis来加载 目前carto 地图加载的style 比较少 export enum CartoType { dark = 'dark_all', light = 'light 阅读全文
posted @ 2022-01-20 16:51 haibalai 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 我看过很多arcgis 加载第三方地图 比如百度 高德 腾讯 天地图之类今天我来看看mapbox 地图加载经过我测试现在mapbox 只有几类style可以加载 export enum mapBoxType { streets = 'streets-v11', light = 'light-v10' 阅读全文
posted @ 2022-01-20 16:50 haibalai 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 很多人用sceneMode 来进行二三维切换 ,其实这样不好用,位置什么的 图层状态都不好绑定,给人体验非常差对于arcgis 引擎 可以锁视角实现平滑切换,mapbox 引擎也可以锁视角实现,但是对于cesium 也是可以的 首先我们要知道获取中心点方法 function getCenter(vi 阅读全文
posted @ 2022-01-20 16:49 haibalai 阅读(536) 评论(0) 推荐(0) 编辑
摘要: 常常我们需要上传附件来加载图形,一般常用的有csv geojson 之类的 但是有些奇葩客户就要你加载shp 啊 gdb啊 甚至cad关于cad 这个 后面我再说 今天我们来讲讲shp 怎么通过arcgis 来加载 首先我们构建geojson转换类 GeoJsonConverter ```javas 阅读全文
posted @ 2022-01-20 16:48 haibalai 阅读(297) 评论(0) 推荐(0) 编辑
摘要: 当我们做洋流或者风场 可视化时候 echart 虽然也能用 但是数据量过大会很卡 数据调用是这个样子 样例数据链接: https://pan.baidu.com/s/1yQrIMBMJdSPwnnI8YOC1_Q 提取码: tnhc最终调用 import {VectorField} from './ 阅读全文
posted @ 2022-01-20 16:46 haibalai 阅读(281) 评论(0) 推荐(0) 编辑
摘要: 之前我也看过有人弄过mapv和arcgis结合,但是还是不太完美,对于部分效果是不支持的比如动画,因此我自己弄一个arcgis版本的mapV出来首先我们这次不是做插件 而是改造mapV, 去github 把整个mapV 下下来, 在mapV 构建两个类 首先是MapVRenderer.js 类``` 阅读全文
posted @ 2022-01-20 16:45 haibalai 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 针对MapVLayer 调用 当我们构建好类后,直接构建一个新的mapV包出来 那么名字我随意叫了 xxxx import { MapVLayer } from '@xxxx/mapV' for(let item of r.features){ heatPoint.push( { geometry: 阅读全文
posted @ 2022-01-20 16:45 haibalai 阅读(106) 评论(0) 推荐(0) 编辑