上一页 1 2 3 4 5 6 7 8 ··· 24 下一页
摘要:工作方面,postgis+geoserver+leaflet,web端采取整套开源地图框架体系,开源空间数据库postgis,利用postgis内置的空间处理以及分析能力函数库,可以提供不少空间分析后台接口给前端调用;postgis结合geoserver可以发布一系列地图服务,提供前端地图leaflet调用,做一些地图可视化渲染以及分析。项目涉及到的地图功能目前比较简单,比如地图加载、工具栏、图斑属性以及空间查询、图斑分割、图斑历史时间轴播放、影像历史对比、地图分屏、图斑绘制编辑、图斑矢量瓦片等等。 移动端采取混合开发,cordova+react搭建框架,地图api采取leaflet,本地数据库用SQLite,存储离线数据。项目涉及到的地图功能有:地图加载、地图工具栏、GPS定位、图斑属性以及空间查询、图斑分割、影像历史对比、图斑矢量瓦片、图斑绘制编辑、离线瓦片下载存储以及读取等等。 阅读全文
posted @ 2020-01-11 23:04 GIS之家 阅读(251) 评论(0) 推荐(0) 编辑
摘要:本篇实现的思路:turf.js中提供了一中多边形的裁剪方法是使用多边形去裁剪多边形,但是如果实际工作中需要使用到线去裁剪多边形却无法满足。刚好单位有个项目需求就是利用线去分割图形的,在github搜索,找到一篇利用leaflet结合turf.js实现多边形分割的 阅读全文
posted @ 2020-01-07 14:20 GIS之家 阅读(1009) 评论(0) 推荐(0) 编辑
摘要:实现思路:利用Geoserver发布矢量切片服务,然后openlayers调用矢量瓦片服务渲染加载,geoserver发布矢量服务步骤自行百度搜索相关教程,网上很多。最后,通过地图点击事件交互,实现图形高亮以及气泡窗口显示信息详情效果。 阅读全文
posted @ 2020-01-05 19:51 GIS之家 阅读(1201) 评论(2) 推荐(0) 编辑
摘要:实现思路:首先利用 geoserver 发布的图斑 WFS 服务,通过 url 的 rest 请求,构造空间查询形式,获取 geojson 数据源;然后调用cesium api 的 Cesium.GeoJsonDataSource.load 加载 geojson 数据源渲染展示;最后监听地图点击事件,获取矢量数据的属性,显示在右上角的信息窗口 阅读全文
posted @ 2019-12-23 21:25 GIS之家 阅读(1328) 评论(0) 推荐(1) 编辑
摘要:本篇实现的思路:萤石官网,添加视频设备,然后开启直播获取直播或者监控视频流RTMP或者HLS,利用js插件ckplayer.js,在web网页结合leaflet在地图展示视频监控播放效果。 萤石官网也有很多示例,可以结合官网的文档参考 萤石官网:https://open.ys7.com 萤石开发文档:https://open.ys7.com/doc/zh/ 阅读全文
posted @ 2019-12-18 21:22 GIS之家 阅读(445) 评论(0) 推荐(0) 编辑
摘要:之前写过一篇 openlayers4 版本的地图空间查询文章,但是由于是封装一层 js 代码写的,很多初学者看起来比较有点吃力,所以本篇文章重新写一篇地图空间查询文章,直接基于最新版本 openlayers6 写的,纯粹 html + js + css形式,没有任何封装。 阅读全文
posted @ 2019-12-13 20:21 GIS之家 阅读(694) 评论(0) 推荐(0) 编辑
摘要:实现思路:首先利用 geoserver 发布的图斑 WFS 服务,通过 url 的 rest 请求,构造属性查询形式,获取 geojson 数据源;然后调用cesium api 的 Cesium.GeoJsonDataSource.load 加载 geojson 数据源渲染展示;最后监听地图点击事件,获取矢量数据的属性,显示在右上角的信息窗口。 阅读全文
posted @ 2019-12-07 11:34 GIS之家 阅读(1005) 评论(2) 推荐(0) 编辑
摘要:Ribbon是一种以面板及标签页为架构的用户界面(User Interface),原先出现在Microsoft Office 2007后续版本的Word、Excel和PowerPoint等组件中--- 百度百科 它把命令组织成一组“标签”,每一组包含了相关的命令。每一个应用程序都有一个不同的标签组,展示了程序所提供的功能。在每个标签里,各种的相关的选项被组在一起。设计Ribbon的目的是为了使应用程序的功能更加易于发现和使用,减少了点击鼠标的次数。 阅读全文
posted @ 2019-12-04 10:04 GIS之家 阅读(779) 评论(0) 推荐(0) 编辑
摘要:本篇主要是 leaflet 通过调用 geoserver 发布的图斑地图服务 WMS,以 L.tileLayer.wms 图层加载形式叠加显示在地图,配合时间轴 timeline.js 插件来动态播放图斑变化效果,图斑随着时间轴的时间变化,核心是利用 L.tileLayer.wms 图层的属性过滤条件:cql_filter。 时间轴 timeline.js 插件的 github 地址:https://github.com/ilkeryilmaz/timelinejs 阅读全文
posted @ 2019-12-02 17:10 GIS之家 阅读(563) 评论(0) 推荐(0) 编辑
摘要:之前写过一篇 openlayers4 版本的地图属性查询文章,但是由于是封装一层 js 代码写的,很多初学者看起来比较有点吃力,所以本篇文章重新写一篇地图属性查询文章,直接基于最新版本 openlayers6 写的,纯粹 html + js + css形式,没有任何封装。 阅读全文
posted @ 2019-11-27 10:50 GIS之家 阅读(1037) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 24 下一页