![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
openlayers
文章平均质量分 58
日常工作中openlayers的一些使用及扩展插件的调用说明
搬砖的人生
这个作者很懒,什么都没留下…
展开
-
geoserver 禁止打包导出shp文件,以及简单的token验证
参考文章:https://www.osgeo.cn/geoserver-user-manual/extensions/authkey/index.html之前一段时间没留意geoserver的一些功能,突然有一天,同事跟我说,他可以不通过账号密码,只通过layer preview中的图层名称直接下载shp数据。直接懵逼,仔细查了一下还真的是可以,还可以通过format_options 设置导出文件名,字符集之类的。那可不行,得想个法子把他禁用了。其实一种简单的方式是对图层的权限做限制,不允许任何人能使原创 2021-02-19 20:21:17 · 1824 阅读 · 5 评论 -
openlayers 使用echarts
echarts 中提供了很多的图标和特效,这正好弥补了不会写图表的我,加上地图上功能的需要,所以采用了ol3Echarts作为扩展git地址:https://github.com/sakitam-fdd/ol3Echarts该扩展插件已经能满足大多数的要求了,具体的代码和实现可以参考git中的项目。但是该项目在对6.4版本好像存在一些bug经过测试和使用,的确存在该问题暂时找到的解决办法是,下载ol-echarts的js文件,找到代码中的mockEvent中的 event.originalEven转载 2020-11-28 15:00:24 · 1657 阅读 · 0 评论 -
自定义矢量底图的一种方法
现在的地图普通的矢量底图已经满足不了客户了,越来越多的需求是想用高德地图,百度地图等能自定义颜色的地图。但是高德和百度地图又存在偏移,要么数据转坐标系,要么干错用高德或者百度的api开发,感觉有点不是很适合我,加上不知道会不会存在版权的问题,个人自己又想尝试调整矢量底图。在看到智图的自定义地图颜色的配置界面的时候,突然想到,我是不是只要拥有海洋、大陆、水系、道路等矢量数据,那我其实也可以实现自定义底图。将矢量数据配置样式,用geoserver发布成图层组,进行加载,也能实现,于是就得到了以下的图片,所以自原创 2020-11-28 14:46:52 · 291 阅读 · 0 评论 -
openlayers 实现点移动效果
近期需要有个动画效果,实现河流流向,当时预备了两套方案,一套是放箭头,只是标注一个点,箭头方向就是河流的流向,另一套是用canvas写一个点移动的效果,后来选择了用图标的方案,所以这边记录下另一套,防止以后代码找不到了。效果大致是以下的样子效果: https://kaixin51.github.io/other/olpointmove.html不怎么会canvas 所以特效可能有点丑代码:<!DOCTYPE html><html lang="en"><head&g原创 2020-11-22 13:55:42 · 2346 阅读 · 1 评论 -
openlayers 一些样式
近期工作需要设计交通图,故需要设计一些类似铁路,桥梁,隧道等样式,在此记录下样式的一些效果。可能有更好的实现方式,在这里 就当抛转引玉了。参考文章:https://www.jianshu.com/p/e68e8e1b74741.铁路需要设计以下两种样式,一种再建的,一种已完工的样式代码://铁路已完工[ new ol.style.Style({ stroke: new ol.style.Stroke({原创 2020-08-27 09:20:59 · 1939 阅读 · 3 评论 -
基于ol-plot的openlayers 5 的标绘地图
代码基于以下版本做修改获得,因为公司的原因,并不是用vue.js开发,用的是jquery,别问为什么,问就是公司技术不肯革新,公司小,没成本和人力做新技术的引进和研发。https://github.com/sakitam-fdd/ol-plot/tree/masterhttps://sakitam-fdd.github.io/ol-plot/据说一下版本支持ol6https://github.com/worlddai/plot_ol因为原本支持的是ol3跟ol4,然后再ol5版本存在一些问题,具体原创 2020-08-01 21:22:55 · 2378 阅读 · 1 评论 -
openlayers 将地图导出成图片
转至:https://blog.csdn.net/u013240519/article/details/81330021在做完应急指挥地图后,心血来潮想着将应急指挥地图导出成图片,然后在导出图片时出现一个错误。Uncaught DOMException: Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported.这是由于在导出图片时,涉及到了跨域的问题。解决办法是给天地图的s转载 2020-07-31 20:03:59 · 2155 阅读 · 0 评论 -
基于flash-marker.js的 openlayers 闪烁点的实现方式
在应急管理系统中,经常会有需求,需要在地图上对隐患点或者预警点做闪烁效果。无奈技术渣,只会搬砖,这次就决定搬用flash-marker.js做闪烁点的效果。参考文章https://www.cnblogs.com/webgis-mc/p/10455731.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</titl原创 2020-07-29 22:16:34 · 812 阅读 · 0 评论 -
openlayers 轨迹回放
要求:在地图上展示用户工作时,所经过的轨迹。参考 :https://openlayers.org/en/latest/examples/feature-move-animation.html?q=anim在要求不是很高的时候,官网的例子已经可以满足轨迹回放的需求了,但是现在要求,轨迹回放的时候,图标运动要连贯,不能出现跳跃的现象,于是,只好修改官网的例子了。思路:1)任意两点间距离过长,在...原创 2019-04-21 10:20:23 · 4396 阅读 · 7 评论 -
opnelayers 基于ImageCanvas,简单云层图
要求:在现有的行政区划边界范围外,添加一层类似于云雾效果的图层。参考:https://blog.csdn.net/laijieyao/article/details/41862473思路:由于openlayers支持添加canvas的作为图层,所以,利用canvas绘制一个云层的图层,然后叠加到map中效果图:实现:ImageCanvas:https://openlayers.org...原创 2019-04-23 19:39:14 · 4733 阅读 · 0 评论 -
openlayers 加载shp文件到map上
要求:用户上传任意的shp文件,在地图上实现对该shp文件的预览参考:https://openlayers.org/en/latest/examples/reprojection-by-code.htmlhttps://github.com/mbostock/shapefile开发环境:openlayers5思路:1)利用shapefile库,来解析shp文件,读取feature转换成g...原创 2019-04-25 19:51:08 · 8539 阅读 · 0 评论 -
openlayers 实现风场效果图
要求:在地图中展示风场效果,大致效果如下图由于不会这方面的原理,只能搬砖,也没啥好说的,下面开始搬砖吧。开发环境:openlayers5参考:https://github.com/Esri/wind-jshttps://github.com/blissvisitor/wind-layerhttps://github.com/sakitam-fdd/wind-layer思路:利用别...原创 2019-12-28 13:59:54 · 6097 阅读 · 5 评论