自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 关于openlayers 做分类聚合操作

大致的逻辑就是首先从所有要聚合的feature中得到一个聚合中心点,并根据范围生成矩形边框A,然后边框中的四个点就是这次聚合的要素,然后再查找下一个没有参与聚合的中心点,并根据范围生成矩形边框B矩形边框中的左上角因为在A中聚合过了,所以会被过滤掉,所以再知道这个代码逻辑后,我们这边就可以调整ol.source.Cluster中的代码了。以前分类做分类聚合的时候,经常是写多个聚合图层,每个图层是一种分类,最近基于ol封装自己的代码框架时,也好奇的看了一下ol的聚合源码。发现一段有意思的代码。

2023-05-13 20:16:58 525

原创 Cesium最新版使用天地图地形及注记服务

天地图三维地名服务和地形服务需要利用 cesium 开源三维地球API与天地图扩展插件共同使用,目前支持cesuim1.52、1.58、1.63.1。本人使用的cesium版本:1.105.1,已是官网最新包,其他版本的建议自己再调整。demo里的地形服务地址不对,需要自己更换成地图API里提到的地址。

2023-05-13 19:27:11 3414 3

原创 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 1756 5

原创 windows下安装 mariadb10.5.8

下载地址:https://downloads.mariadb.org/参考文章:https://stackoverflow.com/questions/64841185/error-1356-hy000-view-mysql-user-references-invalid-tables-or-columns-ohttps://mariadb.com/kb/en/set-password/https://mariadb.com/kb/en/alter-user/http://debugger.wiki

2021-01-02 19:39:12 1250

转载 node 安装及设置

1.安装在官网中下载node https://nodejs.org/en/ ,并安装在cmd 窗口中输入node -v 出现版本信息证明安装成功2.配置查看npm 配置配置prefix 以及 cache配置使用阿里镜像npm config set registry https://registry.npm.taobao.org/...

2020-12-13 15:30:36 132

转载 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 1630

原创 自定义矢量底图的一种方法

现在的地图普通的矢量底图已经满足不了客户了,越来越多的需求是想用高德地图,百度地图等能自定义颜色的地图。但是高德和百度地图又存在偏移,要么数据转坐标系,要么干错用高德或者百度的api开发,感觉有点不是很适合我,加上不知道会不会存在版权的问题,个人自己又想尝试调整矢量底图。在看到智图的自定义地图颜色的配置界面的时候,突然想到,我是不是只要拥有海洋、大陆、水系、道路等矢量数据,那我其实也可以实现自定义底图。将矢量数据配置样式,用geoserver发布成图层组,进行加载,也能实现,于是就得到了以下的图片,所以自

2020-11-28 14:46:52 277

原创 openlayers 实现点移动效果

近期需要有个动画效果,实现河流流向,当时预备了两套方案,一套是放箭头,只是标注一个点,箭头方向就是河流的流向,另一套是用canvas写一个点移动的效果,后来选择了用图标的方案,所以这边记录下另一套,防止以后代码找不到了。效果大致是以下的样子效果: https://kaixin51.github.io/other/olpointmove.html不怎么会canvas 所以特效可能有点丑代码:<!DOCTYPE html><html lang="en"><head&g

2020-11-22 13:55:42 2289 1

原创 高德地图 聚合效果

最近项目中遇到用高德制作地图,针对聚合的效果,将一下实现的一些思路。高德的聚合使用的是AMap.MarkerClusterer,详细的参数设置和说明,可以参考官网的api,这边只根据自己的需求,贴上部分代码效果:https://kaixin51.github.io/other/cluster.html需求:在很小的层级时,需要聚合元素,显示这个图标中有多少个元素,单一元素的时候显示该元素,并根据是否预警设置闪烁的效果。其中高德的闪烁效果实现大致有以下几种方式1.用Marker的content 自定

2020-11-22 13:37:54 1765

原创 goole zxing 生成二维码

参考文章:https://juejin.im/post/6847902218704977928https://www.jianshu.com/p/124f93d8d5b9https://www.codenong.com/cs106357124简单的二维码生成和解码package test;import java.awt.image.BufferedImage;import java.io.File;import java.util.Hashtable;import javax.imag

2020-08-27 20:37:44 189

原创 openlayers 一些样式

近期工作需要设计交通图,故需要设计一些类似铁路,桥梁,隧道等样式,在此记录下样式的一些效果。可能有更好的实现方式,在这里 就当抛转引玉了。参考文章:https://www.jianshu.com/p/e68e8e1b74741.铁路需要设计以下两种样式,一种再建的,一种已完工的样式代码://铁路已完工[ new ol.style.Style({ stroke: new ol.style.Stroke({

2020-08-27 09:20:59 1877 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 2311 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 2125

原创 基于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 775

原创 nginx修复host头攻击

程序员最难受的事情,就是你开开心心的开发着代码,突然一个维护的事情让你做,别问为什么开发要弄维护的,问就是当初上错了轿。这次的web漏洞是host头攻击,虽然对对方说,我们代码里没有用到host头的地方,无奈对方不理睬,只能硬着头皮整改了。参考文章:https://www.jianshu.com/p/690acbf9f321https://blog.csdn.net/ImSanJin/article/details/100080904?utm_medium=distribute.pc_relevant

2020-07-29 21:13:26 4006

原创 工作中用到的一些arcgis的使用

在处理地图的一些内容中,陆续用到部分arcgis的一些功能,现在记录一些用到的功能。arctoolbox 位置生成网格1.导入shp文件layer上右键 add data 选中需要导入的shp文件2.生成正交网格路径: Data Management Tools – Feature Class – Create Fishnet弹出以下窗口:参数填入说明:Output Feature Class: 输出地址Template Extent(optional): 边界模

2020-07-19 11:33:50 2829

原创 3维地图的尝试

近期有个项目在展示上希望在三维地图上做展示,于是需要尝试三维地图的一些内容,在网上查找了一些内容后,一下一篇博客满足了我的需求。资料:https://blog.csdn.net/u013821237/article/details/82999006地形下载:http://srtm.csi.cgiar.org/SELECTION/inputCoord.asp1. 利用cesiumlab.com网站:https://www.cesiumlab.com/1.1 处理地形数据数据处理 – 地形切片

2020-07-19 11:02:51 656

转载 tomcat升级导致静态文件乱码

转载至:https://blog.csdn.net/iBuDongIt/article/details/89492517?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase

2020-07-15 20:51:27 312

原创 kettle 使用说明

kettle 使用说明1.简介ETL(Extract-Transform-Load的缩写,即数据抽取、转换、装载的过程),对于企业或行业应用来说,我们经常会遇到各种数据的处理,转换,迁移,所以了解并掌握一种etl工具的使用,必不可少。kettle是纯java编写,支持图形化的GUI设计界面,然后可以以工作流的形式流转,在做一些简单或复杂的数据抽取、质量检测、数据清洗、数据转换、数据过滤等方面有着比较稳定的表现,其中最主要的我们通过熟练的应用它,减少了非常多的研发工作量,提高了我们的工作效率。kettl

2020-07-06 19:57:16 484

原创 udp与websocket的示例

最近工作中遇到用udp对接GPS信息报文,以及用websocket展示推送最新的问题,在此记录下。udp协议和websocket的优缺点和协议的原理,就不再写了,网上有很多文章都写到这两个,这里就直接就其应用代码做下记录。UDPudp服务端用于接收客户端发送的内容,并做处理。例如,要用udp接收以下内容:<?xml version="1.0" encoding="UTF-8"?&...

2020-05-05 19:50:50 3916

原创 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 5974 5

转载 ajax请求二进制流下载文件

转自 :https://www.jb51.net/article/122797.htm原理:通过a标签来下载文件代码实现function download() { var url = 'download/?filename=aaa.txt'; var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); // 也可以...

2019-05-04 19:34:50 1346

原创 主流数据库的备份

1.postgresqlpostgresql 的备份主要采用pg_dump命令常用指令:-d, --dbname=DBNAME 对数据库 DBNAME备份-h, --host=主机名 数据库服务器的主机名或套接字目录-p, --port=端口号 数据库服务器的端口号-U, --username=名字 以指定的数据库用户联接-w, --no-password 永远不提示输入口令-W,...

2019-04-27 20:23:08 251

原创 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 8381

原创 opnelayers 基于ImageCanvas,简单云层图

要求:在现有的行政区划边界范围外,添加一层类似于云雾效果的图层。参考:https://blog.csdn.net/laijieyao/article/details/41862473思路:由于openlayers支持添加canvas的作为图层,所以,利用canvas绘制一个云层的图层,然后叠加到map中效果图:实现:ImageCanvas:https://openlayers.org...

2019-04-23 19:39:14 4536

原创 openlayers 轨迹回放

要求:在地图上展示用户工作时,所经过的轨迹。参考 :https://openlayers.org/en/latest/examples/feature-move-animation.html?q=anim在要求不是很高的时候,官网的例子已经可以满足轨迹回放的需求了,但是现在要求,轨迹回放的时候,图标运动要连贯,不能出现跳跃的现象,于是,只好修改官网的例子了。思路:1)任意两点间距离过长,在...

2019-04-21 10:20:23 4363 7

cesiumTdt.js

cesiumTdt.js修改版本,适合最新版的Cesium 1.105.1

2023-05-13

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除