- 博客(20)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 矢量场可视化原理及Web前端风场流场的可视化实现
三种方法1.Openalyers绘制2.Geoserver发布并设置样式3.直接绘制，底图移动根据坐标重绘
2019-11-04 23:10:16
7591
4
原创 Echarts多行多列仪表盘-利用浮动实现表格布局
年终事情一大把 项目科研两手抓Echarts仪表盘Echarts官网仪表盘Demo地址我的需求是每一时刻要呈现多种数据（温度、风速、盐度、有效波高）考虑采用类似表格的布局方式来同时展示多个仪表盘以展示多种数据。CSS浮动实现表格布局首先利用css浮动实现表格布局代码如下<!DOCTYPE html><html style="height: 100%"> ...
2019-12-20 23:18:18
2072
原创 GIS高质量期刊会议汇总
不可否认，GIS(地理信息科学)是一门广为应用但研究者数量不多（相对）的交叉学科。GIS学者相对遥感学者难以发出高水平论文，对于GISer来说找到高水平的文章显得尤为重要，下面笔者将本人所了解的GIS相关期刊与会议整理供自己及他人查找，如有错误欢迎指正。期刊中文中文期刊推荐以下几个地理学报测绘学报武大学报（信息科学版）英文IJGIS(International Journal of...
2019-11-16 23:13:36
1399
原创 OpenLayers结合Echarts实现海量点的前端可视化
前言OpenLayers这个库在前端操作地图自然是数一数二的存在，但是对于在地图上海量数据的绘制就显得有点力不从心，虽然目前Openlayers4以后地图上数据的绘制相关绘制接口已经开始基于WebGL进行封装，一定程度上决解决了数据绘制速度问题但对于海量数据绘制到客户端所带来的内存占用问题并没有得到解决，这其实也怪不得OL的开发者，人家本来就不是为了数据可视化打造的，之所以开始采用WebGL进行...
2019-11-06 22:17:08
4524
5
原创 OpenLayers imageCanvas的使用与问题解决---Canvas图层与底图图层范围不一致
前言h5 画布要想进行地理坐标相关的绘图如何能保证与底图上的位置相一致呢？这个问题一定会困惑刚刚进行地理数据前端可视化的你，其实目前我有两种解决方法解决这个问题，一种将画布大小设为与浏览器视口大小一致，然后将其添加到document对象上，每当地图范围变化时重新计算画布四个角的extent.第二种方法就是今天要说的使用ol.source.ImageCanvas，这个类（目前最新版本ol已经采用E...
2019-10-24 17:02:32
3520
11
原创 Vue CLI包更新（1.x、2.x升级3.x）
注意：Vue CLI在npm上的包名称已经有2.x的vue-cli变为@vue/clistep1 卸载旧版本（若已安装1.x或2.x）npm uninstall vue-cli -gstep2 全局安装最新的包npm install -g @vue/clicnpm install -g @vue/cli //淘宝npm镜像PS 查看当前vue版本vue -V OR vue -...
2019-10-09 08:02:43
340
翻译 交互式地图上可视化街道方向
不同的规划与建设赋予城市不同的灵魂,自然也会给人以不同的感受，尤其在你通过地图来观察城市的时候。一些城市严格的网格化排列，另一些似乎看不出其结构，一些情况下只有当你仔细观察一个城市时，模式才会出现，每个街区都有自己独特的风格。我们能可视化这些模式吗？Seth Kadish和Geoff Boeing向我们展示了一种很棒的方式可视化这些模式。他们将一个圆分成许多朝向不同角度相同的扇形范围，根据扇形的...
2019-10-02 23:08:29
646
原创 空间数据格式转换之MapInfo mid/mif文件转ArcGIS shpfile文件
简介MapInfo MIF格式介绍这里只需要知道.mif与.mid文件各司其职并相互依赖就像shpfile的.shp、.sbx、.prj一样正文这里介绍四种转换方法Method 1使用在线转换工具适用于转换小文件且数据不需要保密，没记错大于5M就要钱了各种空间数据格式之间的转换在线工具Method 2使用MapInfo自带的工具转换利用MapInfo将MapInfo格式数据转换...
2019-07-14 23:07:49
4889
原创 ArcMap或ArcScene恢复初始化界面设置---彻底解决各种窗口隐藏问题
今日手残把所有toolbar上的选项全部取消勾选，然后就只剩个光秃秃的框了，这时用什么快捷键也没法打开toolbar了（太蛋疼了），也就是整个菜单栏全部隐藏，问题来了咋恢复解决办法：就以ArcScene为例了方法都一样的，如果你的ArcGIS desktop是默认安装的话打开下面路径C:\Users\你的用户名\AppData\Roaming\ESRI\Desktop10.6\ArcS...
2019-07-14 11:24:45
9255
4
原创 OpenLayers4结合setInterval函数实现简单的地图动画----以溢油粒子的漂移扩散为例
OpenLayers版本：v4.4.2前端绘图的功能越来越强大这里想模拟油粒子的扩散，很简单无非是将每一步油粒子数据的组织数据可视化的核心还是数据，好的数据组织模式让你的可视化过程做到事倍功半，这里考虑到要将数据绘制在地图上，Openlayers又提供了Geojson格式数据解析渲染的api，考虑将数据组织成geojson格式将油粒子绘制在底图上ol.format.GeoJSON ...
2019-07-02 06:55:30
1700
15
原创 VS2017 IIS调试时闪退再启动项目端口被占用解决办法
这种突然闪退可能导致VS的调试进程并未关闭,所以当你再次启动调试自然会出现端口被占用的情况解决办法打开任务管理器，把后台VS进程关闭即可--------------仅仅为了防止遗忘---------------------------...
2019-06-25 20:52:43
1644
1
原创 空间数据前端动态插值渲染系列--分级渲染渐变颜色带的生成及图例绘制
在栅格数据渲染制图过程中，免不了将你渲染的颜色取出来作为一个图例对你渲染结果的属性值进行说明，以便于用户对更好的理解你的数据两种色带离散色带渐变色带ESRI ArcGIS Pro帮助中对于配色方案的总结JS生成颜色数组如果你想要对数据插值后生成得栅格进行渲染，可以直接使用在线颜色选择工具选择几个颜色进行分级渲染即可在线颜色选择器随便几个颜色对其进行分级结果如下var colorb...
2019-06-21 16:31:26
3191
原创 Geoserver+Openlayers+GeoWebCache实现WMTS的发布与调用----以一块陆地遥感影像数据为例
话不多说，本文包括三个部分，第一，从一张包含陆地与海洋tiff影像中将陆地部分裁切出来。第二，将裁出的tiff影像发布为瓦片地图服务。第三，使用OpenLayers3对所发布瓦片进行调用。...
2019-06-12 10:00:27
3383
原创 Geoserver发布tiff格式卫片--将图像NoData像元设为透明
小问题解决记录–只谈流程不说废话概述从一张tiff格式卫片中裁出陆地部分（以tiff格式保存）,设置该新tiff图像非陆地部分像元为NoData,将该处理后的tiff图像利用Geoserver发布。预处理–图像裁剪环境:arcgis desktop10.6工具:arctoolbox>data management tools>raster>raster processi...
2019-06-10 14:54:03
7214
1
原创 Arcgis Desktop10.6 栅格裁切时报错
本部分记录错误解决办法，只写流程不说废话笔者在进行tiff格式栅格卫片裁切时遇到类似下面的报错-----“Image server is not supported with the current license”------Image server is not supported with the current licenseServer object instance creat...
2019-06-10 11:12:59
7853
15
原创 基于WebGL的地理大数据可视化：Uber的deck.gl框架的简介与使用
var builddata; var building = new Array(); var buildobj ; $.getJSON("building-wgs84.json", function (data) { builddata = data; builddata.features.forEach(function...
2019-06-07 16:41:05
7062
1
原创 WebGIS开发中常用到的坐标转换（JS实现）
概述广大GISer在进行WebGIS开发过程中难免遇到坐标转换的问题，本文笔者将自己经常使用的几种坐标转换贴出作为记录方便你我他.大家发现问题不吝赐教JS实现地理坐标转WebMercator坐标 function lonLat2WebMercator(lon, lat) { var earthRad = 6378137.0; var x = lon * ...
2019-05-23 14:13:32
763
3
原创 JS判断一个空间点在陆地还是海洋
文章结构问题概述思路方法实现过程插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入问题概述最近在做海洋标量要素数据分级渲染的时候遇到了一个小问题，在确定插值点的过程中我只想对海洋...
2019-05-22 14:32:52
2193
1
原创 从一道阿里面试题谈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
530
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人