![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
openlayers
文章平均质量分 56
杨大大28
Mind and Head!
展开
-
openlayers加载geoserver wms服务format格式
标准格式如下 function init() { map = new ol.Map({ controls: ol.control.defaults({ attribution: false }), target: 'map', layers: [ new ol原创 2021-10-31 17:13:44 · 563 阅读 · 0 评论 -
WebGIS开发入门
一 WebGIS:Web就是网页端,GIS全称是地理信息系统;所以webgis系统就是网页端的地理信息系统,简单点说将地理空间信息以地图的方式在网页端展现出来,进行可视化或者是分析;二 GIS背景gis是一门专业课程,本科阶段叫地理信息系统(科学),硕士阶段是地图学与地理信息系统;该专业毫无疑问就是webgis开发最专业的专业了;大部分gis专业学生,本科先接触arcgis 二次开发;然后是arcgis for js的网页gis二次开发;接触开源gis比较少;目前只要设计地图开发的都可以原创 2021-10-22 13:07:25 · 21741 阅读 · 8 评论 -
openlayers实现路线流动箭头的样式
前面文章实现过给线段实现等间距添加点样式,本文使用openlayers实现箭头样式,原理一样,但是箭头多了方向性问题,所以需要计算一个旋转角度的问题;1 效果展示在使用百度地图或者高德地图导航的时候,会看到如下效果openlayers实现的效果如下2 箭头添加过程首先准备一个箭头图标,作为图标样式;然后根据箭头位置以及所处的线段计算出箭头跟路线方向一样的方向角,计算过程如下 // 添加箭头样式 for (var i = 0; i <= 1; i ...原创 2021-06-22 23:24:31 · 2760 阅读 · 0 评论 -
openlayers交互编辑图层,进行增删改查并实时入库
如果有在线修改要素并入库的需求,可以考虑该技术方案,前提是需要用geoserve将postgis数据库的数据发布为wfs服务,然后可以用openlayers 在线进行编辑并实时入库的操作如何删除一个元素原创 2021-07-14 00:32:33 · 2484 阅读 · 0 评论 -
openlayers单击获取要素的两种方式(getFeaturesAtPixel,interaction.Select())
openlayers提供了两种单击要素的方式,这里说的单击就是拾取要素,能够通过事件获得单击要素空间信息和属性信息的意思;效果 1和效果2首先生成两个点 // 注意图层顺序,定义越前的图层 会被后面图层盖着 new layer.Tile({ source: new source.OSM() }), new layer.Vector({ source: new source.Ve.原创 2021-07-08 00:01:34 · 7532 阅读 · 4 评论 -
openlayers结合turf相交分析-航路预警demo
openlayers是gis渲染引擎,turf.js是一个gis辅助工具-gis空间关系分析库,结合二者可以做很多空间分析工作,比如简单的点线是否相交,如果有类似航路预警的业务需求可以借鉴1 核心代码思路(1) 模拟航路线轨迹坐标,途径危险点坐标(2) 渲染航路线图层(3) 渲染途径的危险区域(点-有一定半径区域)(4) 用轨迹点和危险点,利用turf做相交运算,获取几何分析结果(5) 渲染预警结果图层,将几何结果处理成openlayers支持的features展示即可2 效果原创 2021-07-06 23:56:44 · 1379 阅读 · 0 评论 -
openlayers 利用克里金插值法渲染等值面
克里金插值法是一种空间插值算法,说到插值,顾名思义就是根据已知点求得未知点数值的一种方式;专业点的解释:与IDW插值方法相似,均是对未知点的特定邻域范围的测量点或者特定数量的相邻测量点的数值进行加权相加,以求得未知点的数值,实现对未知点的预测。其中,周围测量点的权重根据半方差函数来确定。1核心方法kriging.train(t, x, y, model, sigma2, alpha):使用gaussian、exponential或spherical模型对数据集进行训练,返回一个variogra.原创 2021-07-01 14:32:56 · 3070 阅读 · 8 评论