- 博客(396)
- 资源 (63)
- 收藏
- 关注
原创 shapefile.js实现shp数据的上传与展示
`shapefile`是常见的矢量数据格式,但是由于其文件组成结构很难在webgis上直接展示。本文通过`express`和`compressing`实现打包后`shapefile`文件的上传,并结合`shapefile.js`实现`shapefile`数据的转换展示。
2023-05-09 22:59:48
282
原创 geoserver之BlobStores使用
在geoserver中使用`BlobStores`和`gwc-sqlite-plugin`插件实现地图的切片和部署。
2023-03-05 14:51:49
906
原创 前端脚手架开发指南
脚手架本质上是一个工具,使用脚手架的目的就是摆脱构建工程时重复性的工作,尤其是当一个工程具有一定通用性时,工程脚手架的意义就更为突出。它可以让我们只需要一行命令,就可以初始化好一项工程。
2023-02-08 23:38:16
92
原创 sveltejs结合ol实现跨框架组件复用
使用Svelte开发的无框架依赖的Web Components,可以在各个框架间复用。同时,Svelte的开发方式也不像写pure js那样繁琐。本文将结合ol实现跨框架组件复用。
2023-01-31 23:24:04
273
原创 vitepress+gitee pages搭建自己的博客网站
本文通过`vitepress`和`gitee pages`搭建一个属于自己的博客网站。
2022-12-18 22:46:40
1180
原创 分享一个DEM数据下载的方法
DEM,又称数字高程模型,是常见的一类栅格数据,也是每一个做GIS的GISer机场也会用到的一类数据。本文,跟大家分享一个DEM数据下载的方法。
2022-12-14 22:40:08
5250
1
原创 mapboxGL中多图标加载的实现
mapboxGl中多图标的实现可以在style中指定sprite来实现,但是在实际使用的时候会出现sprite之外的图标需要引用,此时通过map.addImage()来实现,但是如果存在多个图标的时候,因为map.addImage()需要先通过map.loadImage()先加载图标,而map.loadImage()是一个异步的,使用起来就有点麻烦。本文希望通过再再加sprite来实现一次性添加图标。
2022-09-16 10:36:39
797
原创 json-server搭建mock服务
是一款小巧的Mock工具,它可以不写一行代码在30秒内创建一套Restful风格的 api,适合3人及以下的前端团队做迅速mock后台逻辑,也可以在接口测试中使用。
2022-08-30 09:50:21
340
原创 mapboxGL中3D行政区划的实现
很多时候我们会遇到3D行政区划的展示,在mapboxGL中,面状的3D展示比较容易,我们可以通过fill-extrusion来实现,但是没法实现其边界线在上面的浮动展示。本文借助QGIS,实现边界线在上面的浮动展示。
2022-08-21 20:37:06
768
原创 Node实现切片的拼接和地图的导出
本文讲述在node中,使用canvas实现根据出图范围和级别,拼接瓦片并叠加geojson矢量数据,并导出成图片。
2022-08-12 22:39:40
486
原创 基于Vditor实现内部研发文档的管理
概述文档作为组织资产,是非常重要的部分,所以怎么更好的实现内部研发文档的管理与组织是一个非常重要的事情,本文借鉴简书,基于Vditor实现markdown文档的发布与管理。Vditor简介Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React、Angular,提供桌面版。实现后效果实现实现包括:常用markdown文档编写;图片
2022-05-20 22:58:25
350
原创 nginx实现多geoserver服务的负载均衡
概述为了提高服务的访问速度,减轻geoserver服务的压力,同时避免服务节点出现问题而影响服务访问的稳定性,我们通常会通过部署多个geoserver来解决,但是部署了多个geoserver后,我们需要一个统一的接口提供出来供使用,nginx很好地可以这样的需求,本文讲讲如何通过nginx实现多geoserver服务的负载均衡。实现效果实现1. 多geoserver部署为了保持geoserver的服务一致,我们先配置好一个geoserver服务,配置好之后将部署的Tomcat复制,克隆多个出来,
2022-05-12 22:16:10
825
原创 node实现静态资源的上传发布
概述需求是这样的:**产品通过axure生成导出的html页面发给开发的时候需要安装插件,很不方便,为方便大家的协同,决定开发一个简单的协同共享工具,实现导出html页面的打包上传,并发布生成可访问的url。**本文将讲述在node环境下如何实现上述的需求。实现实现思路通过Express实现上传接口;通过shelljs调用服务器解压命令解压;通过live-server实现解压资源的发布;通过pm2实现node服务的运行与监控;实现代码1. 文件上传接口接口实现文件的上传,并解压到制
2022-05-01 10:57:58
495
原创 geoserver矢量切片加密与调用
本文,讲的是有关安全的话题。概述GIS的数据一直是比较敏感的,所以数据安全也是一个“老生常谈”的话题。本文利用geoserver的矢量切片插件对数据进行发布,通过自己写的中间接口实现矢量切片的加密,并修改mapboxGL源码,添加数据的解密与展示。实现效果实现1. MapboxGL 2.X离线时候的token强认证2.X的mapboxGL是有token的强制认证的,离线的时候我们可以通过修改源码取消这个强制认证。2. geoserver矢量切片加密大致流程如下:修改vect.
2022-04-26 12:45:38
802
原创 qgis制作离线切片包并发布调用
概述最新版本的qgis既可以做栅格切片,也可做矢量切片,切片的保存格式可以是文件夹也可以是mbtiles的打包文件。在日常的项目中,如果是文件夹的形式在做部署的时候会很麻烦,所以建议大家用mbtiles的打包文件,同时mbtiles的打包文件也经常用在移动端的离线地图。效果实现本文用的是最新版的qgis(3.24.1-Tisler),用OSM作为测试,用node写了一个简单的切片服务,实现代码如下:const sqlite3 = require('sqlite3');const express
2022-04-13 16:23:00
1313
1
原创 websocket实现GPS数据的实时推送与地图的展示(优化)
概述前两天,发布了一片文章websocket实现GPS数据的实时推送与地图的展示,文章发出后引来了不少读者的关注,也有不少读者要求做进步一优化。本文应大家的要求,对上文的内容做一个优化,优化地方包括:加入了GPS方向的展示;加入了GPS精度的展示;加入了GPS轨迹的展示;效果实现node模拟数据const io = require('nodejs-websocket')let connection = nulllet gps = {}for (let i = 0; i <
2022-03-29 20:05:44
3761
3
原创 websocket实现GPS数据的实施推送与地图的展示
概述实时展示GPS的数据是webgis中比较常见的一个需求,本文通过nodejs-websocket模拟GPS数据的更新,实现GPS数据的实施推送与地图数据的展示。效果实现nodejs-websocket模拟数据// websocket.js// websocket.jsconst ws = require('nodejs-websocket')const createServer = () => { let server = ws.createServer(connect
2022-03-27 23:02:21
4421
1
原创 geoserver图层中的维度
概述在geoserver图层发布的时候有一个tab面板叫维度,里面包含了时间和高度两个维度,本文就讲一下geoserver有关维度的内容。效果数据来源本文测试数据来源于中国地震台网——历史查询 (ceic.ac.cn),查询并下载了2012年以后震级大与四级的数据。下载下来后转成csv导入到qgis中,并添加字段date,类型日期,并通过字段计算器输入公式to_date(time)给字段赋值。geoserver发布数据先添加shp数据源,再发布服务,发布服务的时候维度的配置如下图。服务调
2022-02-16 22:54:48
605
1
原创 qgis中加载矢量切片
概述qgis既可以做矢量切片,又可以加载矢量切片。本文以geoserver作矢量切片,并在QGIS中进行加载展示。效果说明:矢量切片是用geoserver做的;服务中只有两个图层:省边界和省会城市;实现1. 添加矢量切片上图中,两个配置的地方:// url:http://localhost:8086/geoserver/gwc/service/tms/1.0.0/sfmap:layer_base@EPSG:900913@pbf/{z}/{x}/{-y}.pbfhttp://loc
2022-01-10 10:19:08
1639
Jquery封装的地图工具
2014-11-03
sqllite相关文件
2013-12-16
交通红绿灯
2013-04-17
SvgImageLayer.js
2017-10-20
PostGIS空间函数简介
2017-03-09
Arcgis for Javasctipt中常见的layer简介
2015-01-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人