
JavaScript
wxqqq666
专注于前端地理数据可视化;正在负责海洋WebGIS研发;熟悉海洋环境要素Web可视化。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Echarts多行多列仪表盘-利用浮动实现表格布局
年终事情一大把 项目科研两手抓Echarts仪表盘Echarts官网仪表盘Demo地址我的需求是每一时刻要呈现多种数据(温度、风速、盐度、有效波高)考虑采用类似表格的布局方式来同时展示多个仪表盘以展示多种数据。CSS浮动实现表格布局首先利用css浮动实现表格布局代码如下<!DOCTYPE html><html style="height: 100%"> ...原创 2019-12-20 23:18:18 · 2243 阅读 · 0 评论 -
OpenLayers结合Echarts实现海量点的前端可视化
前言OpenLayers这个库在前端操作地图自然是数一数二的存在,但是对于在地图上海量数据的绘制就显得有点力不从心,虽然目前Openlayers4以后地图上数据的绘制相关绘制接口已经开始基于WebGL进行封装,一定程度上决解决了数据绘制速度问题但对于海量数据绘制到客户端所带来的内存占用问题并没有得到解决,这其实也怪不得OL的开发者,人家本来就不是为了数据可视化打造的,之所以开始采用WebGL进行...原创 2019-11-06 22:17:08 · 4768 阅读 · 5 评论 -
OpenLayers imageCanvas的使用与问题解决---Canvas图层与底图图层范围不一致
前言h5 画布要想进行地理坐标相关的绘图如何能保证与底图上的位置相一致呢?这个问题一定会困惑刚刚进行地理数据前端可视化的你,其实目前我有两种解决方法解决这个问题,一种将画布大小设为与浏览器视口大小一致,然后将其添加到document对象上,每当地图范围变化时重新计算画布四个角的extent.第二种方法就是今天要说的使用ol.source.ImageCanvas,这个类(目前最新版本ol已经采用E...原创 2019-10-24 17:02:32 · 3798 阅读 · 11 评论 -
从一道阿里面试题谈JS声明提升
话不多说,这是阿里的一道前端面试题 var c = 1; function c(c) { console.log(c); var c = 3; } c(2);要搞定这一题,首先要把明白虽然JS是一门解释性语言,但浏览器JS引擎在执行一段程序之前,其中的编译器模块会对JS待执行的JS代码进行预编译,对于理解声明的提升来说,预编译...原创 2019-05-15 10:19:45 · 579 阅读 · 0 评论 -
JS判断一个空间点在陆地还是海洋
文章结构问题概述思路方法实现过程插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入问题概述最近在做海洋标量要素数据分级渲染的时候遇到了一个小问题,在确定插值点的过程中我只想对海洋...原创 2019-05-22 14:32:52 · 2451 阅读 · 1 评论 -
空间数据前端动态插值渲染系列--分级渲染渐变颜色带的生成及图例绘制
在栅格数据渲染制图过程中,免不了将你渲染的颜色取出来作为一个图例对你渲染结果的属性值进行说明,以便于用户对更好的理解你的数据两种色带离散色带渐变色带ESRI ArcGIS Pro帮助中对于配色方案的总结JS生成颜色数组如果你想要对数据插值后生成得栅格进行渲染,可以直接使用在线颜色选择工具选择几个颜色进行分级渲染即可在线颜色选择器随便几个颜色对其进行分级结果如下var colorb...原创 2019-06-21 16:31:26 · 3357 阅读 · 0 评论 -
OpenLayers4结合setInterval函数实现简单的地图动画----以溢油粒子的漂移扩散为例
OpenLayers版本:v4.4.2前端绘图的功能越来越强大这里想模拟油粒子的扩散,很简单无非是将每一步油粒子数据的组织数据可视化的核心还是数据,好的数据组织模式让你的可视化过程做到事倍功半,这里考虑到要将数据绘制在地图上,Openlayers又提供了Geojson格式数据解析渲染的api,考虑将数据组织成geojson格式将油粒子绘制在底图上ol.format.GeoJSON ...原创 2019-07-02 06:55:30 · 1819 阅读 · 15 评论 -
交互式地图上可视化街道方向
不同的规划与建设赋予城市不同的灵魂,自然也会给人以不同的感受,尤其在你通过地图来观察城市的时候。一些城市严格的网格化排列,另一些似乎看不出其结构,一些情况下只有当你仔细观察一个城市时,模式才会出现,每个街区都有自己独特的风格。我们能可视化这些模式吗?Seth Kadish和Geoff Boeing向我们展示了一种很棒的方式可视化这些模式。他们将一个圆分成许多朝向不同角度相同的扇形范围,根据扇形的...翻译 2019-10-02 23:08:29 · 739 阅读 · 0 评论