- 博客(45)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 unexpected Use of undefined Variable (no-undefined)
/*eslint no-undefined: "error"*/var foo = undefined;var undefined = "foo";if (foo === undefined) { // ...}function foo(undefined) { // ...}当做这种判断时会报标题中的错误, 因为undefined可以为重写, 所...
2019-08-20 10:29:16
2056
原创 IDEA中的.iml文件和.idea文件夹
刚使用IDEA，发现在目录结构中存在.iml文件和.idea文件夹。这些到底是什么文件呢？iml是 intellij idea的工程配置文件，里面是当前project的一些配置信息。.Idea存放项目的配置信息，包括历史记录，版本控制信息等。这些文件是可以配置隐藏的：点击file->Settings->File types,在右下角的Ignore files and folde...
2019-08-01 19:52:03
456
原创 Java：String转Double
String转Double：String ss = "123456789";double value = Double.valueOf(ss.toString());Object转Double：Map<String,Object> map = new HashMap<String,Object>();map.put("order",1.245);B...
2019-07-30 18:27:04
10431
1
转载 WebStorm常用功能的使用技巧分享
现在流行VUE，也渐渐习惯使用webstorm来开发前端项目，这里记录下使用技巧。WebStorm 是 JetBrain 公司开发的一款JavaScript IDE，使用非常方便，可以使编写代码过程更加流畅。本文在这里分享一些常用功能的使用技巧，希望能帮助大家更好的使用这款强大的 JavaScript 开发工具。代码编辑代码跳转: Ctrl + 左键 或者 Ctrl + B，可以...
2019-07-26 16:18:51
456
原创 HTML跨域iframe父子方法互调（postMessage）
碰到了一个跨域iframe父子页面方法互调的问题，网上查了下使用H5自带的postMessage可解决问题，这里填下坑，分析下如何应用。A.html页面是父页面B.html页面是子页面1、A页面要调B页面的方法在A页面中传递参数方法如下：document.getElementById('childPage').contentWindow.postMessage({data:o...
2019-07-08 19:19:33
779
原创 人员走动轨迹展示——小人走动行走动画
曾想过把轨迹中人员行走做成动画效果，一直没找到好的办法，现在找到一个开源使用openlayers开发的动画，但是该动画是飞机飞行，需要稍作修改，将飞机换成小人的64向图。需要调整的部分为：1、飞机不分左右，调整为人需要做相应修改2、人员脚步切换跟向前走动速度需要匹配，不然会有些奇怪，像飘移一样。另外：1、文中的ol_ext.js是另外一个比较好用的openlayers插件。o...
2019-06-19 15:03:02
8167
原创 地图权限控制——美化完善
https://blog.csdn.net/chaoyang89111/article/details/89471123中介绍了地图遮罩即地图权限控制的方法，但是比较粗糙，本文讲下美化过程。先上结果：主要是对边界线进行了美化及平滑，达到这种悬浮的效果。主要修改的代码如下：function createClip(coords, canvas,type) { for ...
2019-06-18 16:40:34
702
1
原创 openlayers热力图
直接上代码：<!DOCTYPE html><html><head><title>Earthquakes heatmap</title><script src="js/jquery.js"></script><link rel="js/ol.css" type="text/css">...
2019-06-11 09:26:26
7483
原创 openlayers图标拖动获取坐标
本文所涉及的技术如下：openlayers加载国家天地图和浙江天地图，图标拖动获取位置，openlayers动画。效果如下：代码如下：var map;var dataResult;var app = {}; /** * @constructor * @extends {ol.interaction.Pointer} */ app....
2019-06-06 16:10:43
1670
转载 A* 寻路算法，通俗易懂
觉得这篇文章写得不错，转发一下方便查阅。A* 算法是一种解决图遍历问题的计算机算法，在电子游戏中最主要的应用是寻找地图上两点间的最佳路线。为了便于理解，本文将以正方形网格地图为例进行讲解。如图，蓝色格子是障碍物，灰色格子是可通过区域，绿色格子是起点（S），红色格子是终点（D）。我们要做的是找到一条从起点到终点的最佳路线。为了顺利地解决问题，我们先要设定一些约束条件： ...
2019-06-05 11:05:19
403
原创 jquery 图片上传预览功能的实现
效果如下，可以设置最大上传张数，可以点击放大镜预览，点击删除按钮删除，有图片的话可以加载。使用方法如下：在需要上传图片的地方插入如下html：`<p><span class="left-title">${key}:</span> <div class="form-group form-item" flex="cross:top">...
2019-06-04 15:31:12
2223
原创 记录openlayers遇到的坑——openlayers聚类cluster无法显示
今日发现有些点位不使用cluster时可以显示点位，但是使用cluster，却不能显示聚类，后来发现是因为坐标取得是字符串形式。在openlayers中加载点位的时候字符串也可以，但是聚类中不可以！所以尽量读取坐标时使用number，不要使用string类型。...
2019-05-31 14:19:06
2267
5
原创 Echarts GL 3d地图初体验，浙江天地图作为底图mapbox
网上看到一张图效果非常好，斜45度角模式的3d地图，用在大屏模式上非常有科技感，高端大气上档次。于是，研究了下怎么做，发现Echarts GL能做出相似的描边3D效果，地图可以加载浙江天地图（如下图）。下面更新代码：<!DOCTYPE html><html><head> <title>3D</title>...
2019-05-31 14:07:22
12333
24
原创 webgis优化总结分析
openlayers加载数据量大时需要优化。查询优化：索引，分段（轨迹按时间或者按人员分段）传输优化：缓存技术渲染优化：降低图像质量，减少数据属性（只查询必要属性），减少数据量（聚类、抽希，按缩放图层控制抽希比例）轨迹的抽希聚类剔除无用数据；缩放或拖动会重新加载stylefunction，即重新渲染，所以marker量大时要注意。...
2019-05-24 16:18:54
600
原创 三维之矩阵入门——非常基础的矩阵知识
矩阵是数的排列：矩阵（这矩阵有2行和3列）下面说些矩阵的基本运算加把两个矩阵相加：把对称位置的数相加：两个矩阵一定要大小相同，就是说，行要一样大小，列也要一样大小。比如具有3 行和5 列的矩阵可以和另一个有3 行和5 列的矩阵相加。但它不能和有3 行和4 列的矩阵相加（列的大小不同）减把两个矩阵相减：把对称位置的数相减（图里加号写错了应该是...
2019-05-23 15:53:13
14823
转载 Vue入门系列之Vue实例详解与生命周期-非常详细
Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。5.1. Vue实例初始化的选项配置对象详解前面我们已经用了很多次new Vue({...})的代码，而且Vue初始化的选项都已经用了data、methods、el、...
2019-05-23 14:33:29
185
原创 记录openlayers遇到的坑——openlayers4.X无法正确加载比例尺
首先，这确实是openlayers4.X的bug。ol.js 461行删除了"degrees"!=e&&(b*=d.Bc())即可，这不是完美解决方案，只适用于经纬度系统。
2019-05-09 13:28:09
573
原创 记录openlayers遇到的坑——有岛区域无法添加地名
添加边界线的styleFunction代码如下，完全没问题。var styleFunction = function(feature, resolution) { var name=feature.get('name'); var color='rgba(32, 48, 103, 0.3)'; var areaLineStyle = new ol.style.Style({...
2019-04-28 09:53:29
425
原创 合并两个有序数组并去除重复元素的算法实现
模仿dbscan聚类算法过滤清洗轨迹数据中要进行合并聚类操作，实际上就是两个有序数组的合并去重。例如:聚类A:[2588,2586,2585,2584,2583,2582,2581,2580,2579,2578,2575,2574,2571,2570,2569,2568,2567,2566,2565,2564]聚类B:[2484,2483,2482,2481,2480,2474,247...
2019-04-27 22:20:54
3214
1
原创 GIS基础算法其二-----判断两线段是否相交
第1步：快速排斥试验这一步是为了快速排除不相交的一种特殊情况。第2步：确定每条线段是否“跨立”另一条线段所在的直线。跨立的定义为：如果点P1处于直线P3P4的一边，而P2处于该直线的另一边，则我们说线段p1p2跨立直线P3P4，如果P1或P2在直线P3P4上，也算跨立。...
2019-04-27 21:49:11
1627
原创 GIS基础算法其一-----叉积判断折线走向(拐向)原理证明
矢量叉积：设矢量P=(x1, y1), Q=(x2, y2), 则矢量叉积定义为由(0,0)、p1、p2和p1p2所组成的平行四边形的带符号面积，即P✖️Q=x1*y2 - x2*y1，其结果是一个标量。并且PXQ=-1(QXP)，和PX(-Q) = -(PXQ)。叉积的一个非常重要的性质是可以通过它的符号判断两个矢量互相之前的顺逆时针关系：若PXQ>0，则P在Q的顺时针方向。若PX...
2019-04-27 21:37:49
942
翻译 geoserver 官方文档翻译（其四）----- Filter Encoding Reference（过滤器编码参考）
Filter Encoding Reference（过滤器编码参考）这是GeoServer中实现的过滤器编码语言的参考。 过滤器编码语言使用基于XML的语法。 它由OGC过滤器编码标准定义。过滤器用于从评估它们的上下文中选择要素或其他对象。 它们的功能类似于SQL“WHERE”子句。 一个过滤器指定一个条件（condition）。Condition（条件）condition是单个谓...
2019-04-26 13:57:22
1306
翻译 geoserver 官方文档翻译（其三）-----Supported filter languages（支持的过滤语言）
Supported filter languages（支持的过滤语言）GeoServer中的数据过滤是基于OGC过滤器编码规范中的概念。GeoServer接受以两种不同语言编码的过滤器：过滤器编码（Filter Encoding）和通用查询语言（CQL/ECQL，Common Query Language）。Filter Encoding（过滤器编码）过滤器编码语言是一种用于定义...
2019-04-26 13:20:56
1167
翻译 geoserver 官方文档翻译（其二）-----Filtering(过滤或筛选，空间过滤、属性过滤、样式过滤)
Filtering（过滤）过滤用来选择满足特定条件的要素（features）， 过滤器可以在GeoServer中的多种情况中使用：在WMS请求中，选择应在地图上显示哪些要素；在WFS请求中，指定要返回的要素；在SLD文档中，对专题图上的要素应用不同的符号。支持的过滤语言（已翻译）过滤器编码参考（翻译中）ECQL参考（待翻译）过滤函数（待翻译）过滤函数参考（待翻译）...
2019-04-26 12:59:54
2303
翻译 geoserver 官方文档翻译（其一）----- CQL and ECQL cql_filter例子
一、引言geoserver 中的 CQL and ECQL 以及cql_filter可以说是geoserver 中最重要的内容之一了。但是英文文档看起来头大，我这里挑几篇重点内容翻译一下，分享给各位，这是第一篇。其中对有些语句进行了优化以便我们理解。CQL（Common Query Language，通用查询语言）是由OGC为Catalog Web Services规范创建的查询语言。 与...
2019-04-24 12:39:03
8004
9
原创 获取geoserver发布的图层点位图标GetLegendGraphic
可以使用GetLegendGraphic来实现http://localhost:8080/geoserver/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=topp:states
2019-04-24 11:08:16
1758
1
原创 ArcGIS API for Javascript 空间查询分析
http://localhost:6080/arcgis/rest/services/beijing/beijingbujian/MapServer/88/query?where=1=1&geometry=118.39499,29.1328&geometryType=esriGeometryPoint&spatialRel=esriSpatialRelWithin&...
2019-04-23 16:37:22
946
原创 地图权限控制——只显示特定用户权限的地图区域，遮罩其他区域
这篇博客对该功能进行了美化。项目中有时候需要突出显示（或者只显示）需要的区域，遮罩其他不需要的区域，这就是经常遇到的地图权限问题，如下图所示：只用openlayers是无法解决的，需要配合H5中的canvas来实现。 var bianjieSource=new ol.source.Vector({ features: (new ol.format.G...
2019-04-23 13:59:14
2917
原创 百度坐标（BD09）、国测局坐标（火星坐标，GCJ02）、和WGS84坐标系之间的转换
百度坐标由于加密的原因，不能转为其他坐标，这里提供近似转换方法，有一定误差。/** * Created by dhr on 2018/11/28. * 提供了百度坐标（BD09）、国测局坐标（火星坐标，GCJ02）、和WGS84坐标系之间的转换 */ //定义一些常量var x_PI = 3.14159265358979324 * 3000.0 / 180.0;var PI =...
2019-04-23 10:17:51
486
原创 道格拉斯-普克Douglas-Peuker轨迹抽希算法和聚类算法联合应用于GPS轨迹数据处理
1、引言https://blog.csdn.net/chaoyang89111/article/details/89456749中介绍了Douglas-Peuker轨迹抽稀算法的实现，https://blog.csdn.net/chaoyang89111/article/details/89379526中介绍了一种轨迹序列聚类算法。其中，前者删除细节保留框架（删除小于阈值的点，保留轨迹的主要特...
2019-04-22 22:53:35
1335
1
原创 javascript实现道格拉斯-普克Douglas-Peuker轨迹抽希算法
1、算法概述道格拉斯-普克算法(Douglas–Peucker algorithm，亦称为拉默-道格拉斯-普克算法、迭代适应点算法、分裂与合并算法)是将曲线近似表示为一系列点，并减少点的数量的一种算法。该算法的原始类型分别由乌尔斯·拉默（Urs Ramer）于1972年以及大卫·道格拉斯（David Douglas）和托马斯·普克（Thomas Peucker）于1973年提出，并在之后的数十...
2019-04-22 17:27:24
2244
4
原创 已知三角形三点坐标求一边上的高（海伦公式和坐标推导）
最近研究轨迹压缩算法，使用道格拉斯－普克算法进行压缩时，需要根据三点坐标求三角形的高，总结了下有下面两种方法：1、根据海伦公式求面积已知三点坐标可以求出三边长。然后根据下面的推导过程可以得出海伦公式：根据求出的面积S和BC边的边长可以求出高AD。2、直接根据坐标推导出面积（积分原理，适用于平面直角坐标系）已知A(x1,y1),B(x2,y2),C(x3,y3) ,求A...
2019-04-21 22:33:55
14088
原创 js中数组的splice、slice、shift、pop、unshift、push方法对比
看标题就有点懵，这些全是JavaScript操作数组的方法，又有相似性。splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。该方法会改变原始数组。arrayObject.splice(index,howmany,item1,.....,itemX)参数 描述 index 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。...
2019-04-19 14:51:33
1984
原创 模仿dbscan聚类算法过滤清洗轨迹数据
一般情况下，获取到的轨迹数据展示效果不会很好，需要进行预处理，如何删除大量没用数据呢？或者如何提取停留点，研究了三天，刚开始打算使用dbscan聚类来实现，但是发现效率非常低，2000多个点要好几分钟，遂放弃，自己仿照dbscan的思想写了一个算法。后面再补算法的过程，先来看下结果，删除了1172个点（圆点就是删除的点，或者说是停留点，总点数2200个左右），效果非常好。算法过程：...
2019-04-18 15:21:36
3262
3
原创 geoserver中sqlview的强大功能探索
一、引子（发布function当作接口使用） 最近有个项目需要后台调用gis超范围、进出某场所或者偏离路径的判断结果，显然，如果能直接将postgis方法的结果返回给后台程序则会效率高很多，而且不需要额外再写后台代码。 例如，在postgis中很容易就能查出点(120.451737 120.451737)是不是在线(120.451737 120.45173...
2019-03-30 12:07:32
2002
10
原创 使用openlayers进行空间分析的方法——JSTS库的应用
查看openlayers文档可以发现，openlayers中进行缓冲区分析的方法只有一个，这个方法只适合扩展矩形缓冲区，如果想扩展任意形状的缓冲区则需要用到JSTS。ol.extent.buffer(extent, value, opt_extent)例如下面的例子实现了对点【0,0】扩展缓冲区var pointFeature = new ol.Feature(new ol.ge...
2019-03-26 10:33:51
4524
原创 css:hover状态改变另一个元素样式的使用
例如有如下dom结构： <div id="mapDiv" class="hescgis_map"> <div id=buttonDiv><span id="buttonFlag" ></span> <button id="buttonOnMap&qu
2018-09-20 10:26:02
20309
原创 基于GeoServer切片地图服务的发布
关于GeoServer发布切片服务，很多帖子里都写了如何发布切片，这里不再赘述，详见基于GeoServer切片地图服务的发布。GeoServer发布的WMTS切片服务怎么调用呢？找了很多文章没找到，自己试了下http://localhost:8080/geoserver/gwc/service/wmts?layer=maoji:maoji&style=&tilematrix...
2018-09-19 13:43:45
748
原创 地图使用过程中的各种跨域问题解决方案
当你需要加载地图，或者需要使用地图的某些功能时，是不是会出现如下的报错信息？1、跨域Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.2、画布污染Uncaught DOMException: Failed to ex...
2018-09-13 15:00:39
6625
原创 加载地图时需要固定缩放到某级时的解决办法
如果需要地图从17级放大到18级触发事件：var zoomout=0;调用zoomstart事件{if(map.level==17){zoomout=17;}}然后调用zoomend事件{if(map.level==18&&zoomout==17){调用某事件;zoomout=0;}} 同理可处理需要地图从18级缩小到17级时的触发事件。...
2018-04-12 09:46:36
794
upload.css
2019-06-04
jQuery.upload.js
2019-06-04
arcgis server开发指南--基于flex和.net
2017-09-30
百度地图API适应手机移动端微信小程序定位导航路径规划
2017-09-29
dependent dll包查看器
2017-09-24
c语言代码内含900例c语言代码
2010-10-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人