- 博客(88)
- 资源 (23)
- 收藏
- 关注
RSS订阅
原创 ArcGIS API For JavaScript学习笔记
之前学习ArcGIS API For JavaScript的一些记录，有些是转载的，不过转载的自己有重新做过一遍，这里做个总结，方便后面来学习回顾。1、ArcGIS API For JavaScript3.17本地tomcat部署；2、ArcGIS API For JavaScript调用动态地图服务；3、ArcGIS API For Javascript 地图基本操作；4、ArcGIS API For Javascript 图形要素graphic；5、ArcGIS API For Ja
2021-11-09 18:58:11
1292
原创 大数据学习总结（SparkSQL/PySpark空间计算）
这里加个大数据学习总结，希望以后能多加学习！1、280亿条大数据处理实战（SparkSQL+Hive）；（包括六部分）2、PySpark空间计算学习总结（PySpark）；（包括六部分）
2021-11-07 23:19:21
1856
原创 Vue+OpenLayers学习系列
Vue + OpenLayers 学习笔记系列一、OpenLayers 实现地图显示+切换地图底图；二、OpenLayers 读取 ArcGIS Server 发布的地图服务；三、OpenLayers 读取 GeoServer 发布的地图服务；四、GeoServer 连接 PostGIS；五、OpenLayers 加载 WMS 地图服务；六、OpenLayers 加载 WMTS 地图服务；七、OpenLayers 加载 WFS 地图服务；八、OpenLayers 加载矢量地图
2020-08-02 16:46:22
1723
2
原创 数据可视化学习总结
由于工作也要负责可视化这块，因此会做很多可视化的例子，这里将所有可视化的例子总结出来：（1）Mapbox-bar3D(3D地图柱状图)（2）Maptalks-bar3D(3D地图柱状图)（3）geo3D-bar3D(3D地图柱状图)（4）人口迁移轨迹(样式更好看lines3D)（5）人口迁移流动图(百度地图)（6）geo3D-北京公交线路图(2.5D地图流动)（7）mapbox-北京...
2020-03-17 16:23:37
12149
1
原创 ElasticSearch 6.5 + SpringBoot1.5项目使用笔记
最近部门要做一个统计年鉴系统，需要从三百六十多万条数据里面搜索出数据并且展示，如果还用原先的 Spring+SpringMVC+Mybatis 将会搜索很慢，效率很低。于是听到了一个同事说应该用大数据搜索引擎技术来做这个。由于部门暂时做后端的人手不够，所以由我来做了(原先我是做前端的)，于是慢慢地一步步地学习 Elasticsearch + SpringBoot。我将会好好学习下 ES 和 Spr...
2019-01-13 09:21:20
2002
1
原创 Vue学习笔记六：element-ui中表格单元格合并（多个if else语句的优化）
最近平台中有一个需求：读取excel文件，并将表格显示在前端。之前我们实现了将一个json数据读取之后放到表格里（直接读取excel也差不多）。实现这个不难，主要是合并单元格有些麻烦，element-ui自己提供了合并行或列的计算方法：span-method，但是首先要处理下合并的单元格数据。合并前：合并后：实现步骤简单来说有两步，这里会逐步展开来说，也会说明下每一步最开始的写法，然后一步步优化，消除多个 if else 语句，使代码更加简洁，这个过程中逐步地进行抽象封装。一、读..
2021-08-12 16:03:03
1458
原创 Vue+OpenLayers学习系列（十二）番外篇：openlayers6结合geoserver实现框选查询
一、问题这里面用的是ajax获取查询结果的信息，最重要的方法是 queryByPolygon(polygon,typeName,callback){ }。其中注意要查看下面这个字段是不是跟发布的字段是一样的。这个地方要多查看和熟悉geoserver的xml写法，不然会出现很多错误。filter += '<PropertyName>the_geom</PropertyName>';可以在geoserver管理界面中的图层里面查询该图层的详细信息界面：queryBy
2021-06-05 23:29:14
2431
2
原创 Vue+OpenLayers学习系列（十一）使用axios加载GeoServer发布的WFS服务
一、问题1、之前用下面官网的方法source.addFeatures()将查询的图层信息加载到 source 里面，但是不知道为啥，死活出不来，也不报错，就很奇怪。var source = new VectorSource();source.addFeatures(new GeoJSON({featureProjection: 'EPSG:3857'}).readFeatures(res.data));后面偶然间用下列方法试了下，发现可以读取出来：var source = new ..
2021-06-05 21:05:14
1447
2
原创 Vue学习笔记五：JavaScript作用域解析
JavaScript作用域涉及到作用域链等等，这里做个小结。<!DOCTYPE html><html><head lang="en"> <meta http-equiv="Content-Type" charset="utf-8"/> <title>JavaScript中的作用域</title></head><script> //例子01 var a = 10;
2021-05-10 23:23:22
402
原创 Vue学习笔记四：Vue的生命周期
一、Vue的生命周期Vue的生命周期中有多个钩子函数，可以让我们在控制整个Vue实例的过程当中，更容易造成良好的逻辑。Vue的生命周期分为八个：创建前/后，载入前/后，更新前/后，销毁前/后。1、创建前（beforeCreate）beforeCreate阶段，vue实例的挂载元素$el和数据对象data都为undefined，还未初始化。<!DOCTYPE html><html lang="en"> <head> <meta ch
2021-05-10 22:46:57
358
6
原创 Vue+OpenLayers学习系列（十）OpenLayers读取VectorLayer矢量图层数据(GeoJson格式)
之前有看到OpenLayers官网（https://openlayers.org/en/latest/examples/box-selection.html）读取GeoJson数据是下面这样读的，但是我怎么读都读不出来，报各种错。//这是官网读GeoJson的方法var vectorSource = new VectorSource({ url: 'data/geojson/countries.geojson', format: new GeoJSON(),});后面查了很多资料，发现
2021-04-24 23:55:59
3989
6
原创 Vue+OpenLayers学习系列（八）OpenLayers调用天地图WMTS服务
最近调用天地图服务，发现之前大家调用都是用XYZ方式，而切片方式调用比较少，这里记录下，以备后续所需。1、注册天地图并查看天地图的WMTS服务。首先登陆后，需要注册天地图账号（这里吐槽下，天地图账号只能用邮箱注册，这样导致我邮箱不能用之后，天地图账号密码忘了无法找回密码，且账号绑定的手机号也不能解绑）。注册之后可以在控制台创建新应用，获得调用服务所需的key。然后在地图API>地图服务那里可以查看到地图服务列表。2、Vue+OpenLayers调用天地图WMTS服.
2021-04-24 19:28:55
3429
原创 Arcpy发布地图服务
工作需要研发一个大平台，需要有发布地图服务的功能。之前做过一个平台，使用 GeoServer 发布地图服务，后台使用 Java+SpringBoot，前端使用 Vue+OpenLayers，平台整体比较稳定，但是图层符号化配色那块比较难搞。后面担心其他的单位都用的是 ArcGIS 那一套。所以准备研发一套基于ArcGIS 的平台。初步决定使用 Arcpy 调用ArcGIS Server 发布地图服务，将 Arcpy 做成能发布地图服务的插件，后台还是使用 Java+SpringBoot，前端可能使.
2021-03-14 12:03:27
810
原创 Vue+OpenLayers学习系列（九）Vue+OpenLayers小案例（长度测量、面积测量、坐标定位、坐标获取）
很早之前做的一个例子，最近想复习下Vue+OpenLayers的使用案例，所以发出来供大家下载vue-ol-demo-master本Demo的功能包括：地图展示、地图放大缩小、添加鹰眼、长度测量、面积测量、坐标获取、坐标定位。其中测量工具实现的方法逻辑单独放在src/shared/tools/measure.js文件里面，避免放到组件里面太大太冗余。运行方法：#下载依赖npm install#运行npm run serve...
2021-03-11 23:08:30
2061
6
原创 可视化例子(16)——Echarts4 与 arcgis api 4.x for js 结合实现模拟迁徙图效果
一、效果图（3D地球）二、代码Echarts 和 arcgis api 4.x for js 结合实现迁徙图效果的关键问题在于两者的坐标系不统一，因此需要进行 Echarts 坐标系和 arcgis 坐标系的转换。这里借鉴业余敲代码的思路，采用的方法是注册一个坐标系统：命名为arcgis(名称可自由拟定)的坐标系。在此基础上，采用dojo的define定义了一个名为EchartsLayer的模板。echarts.registerCoordinateSystem('arcgis', this
2020-11-22 00:43:35
1798
4
原创 Vue+OpenLayers学习系列（七）OpenLayers 加载GeoServer发布的矢量切片地图
一、首先要切片注意首先要下载 GeoServer 的矢量切片插件（参见：https://zhuanlan.zhihu.com/p/62751184）安装完矢量切片插件后，发布吐槽时，需要勾选如下：然后找到发布的矢量切片图层打开预览，并且查看浏览器中的源码，查看它的调用方式（在后面OpenLayers调用它时可以用同样的方式去调用）：二、OpenLayers 调用<template> <div> <div id="map" ref
2020-08-02 16:48:33
2862
原创 Vue+OpenLayers学习系列（六）OpenLayers 加载 WFS 地图服务（GeoServer）
一、首先用 GeoServer 发布地图服务在 Layer Preview 里面选择一个图层，在 All Formats 里面可以选择 GeoJson二、OpenLayers 读取 WFS 服务<template> <div id="map" ref="rootmap"> </div></template><script> import 'ol/ol.css'; import Map from 'ol/Ma
2020-08-02 16:48:21
3112
4
原创 Vue+OpenLayers学习系列（五）OpenLayers 加载 WMTS 地图服务（GeoServer）
一、用 GeoServer 发布地图服务并且查看选择 Tile Caching 里面的 Tile Layers，选择预览方式为 EPSG:4326/png点开预览该服务，然后在预览页面查看网页源码，查看具体的调用方式和所需的参数。二、OpenLayers 调用 WMTS 服务<template> <div id="map" ref="rootmap"> </div></template><scri..
2020-08-02 16:47:57
3290
原创 Vue+OpenLayers学习系列（四）OpenLayers 加载 WMS 地图服务（GeoServer）
一、简单介绍OpenLayers 读取 WMS 服务与OpenLayers 读取 GeoServer 发布的地图服务 类似二、代码本次 Demo 主要介绍读取 GeoServer 发布的 WMS 地图服务，并且绘制矢量<template> <div> <div id="map" ref="rootmap"> </div> <label>Shape type </label&g.
2020-08-02 16:47:46
3613
2
原创 Vue+OpenLayers学习系列（二）OpenLayers 读取 ArcGIS Server 发布的地图服务
一、首先用 ArcGIS Server 发布地图服务在 ArcMap 中文件-共享为-服务，然后选择发布服务二、Vue + OpenLayers 读取发布的 ArcGIS Server 地图服务<template> <div id="map" ref="rootmap"> </div></template><script> import 'ol/ol.css'; import Map from 'ol/Map';
2020-08-02 16:47:17
2004
2
原创 Vue+OpenLayers学习系列（一）OpenLayers 总体介绍+切换地图底图
一、OpenLayers 数据组织OpenLayers 的地图数据通过图层（Layer）进行组织渲染，然后通过数据源（Source）设置具体的地图数据来源。Layer 可看作渲染地图的层容器，具体的数据需要通过 Source 设置。Source 和 Layer 是一对一的关系。每一个 Layer 里面需要一个 Source，然后把 Layer 添加到 Map 上，就可以显示出来了。地图数据根据数据源（Source）可分为 Image、Tile、Vector 三大类型的数据源类，对应设置到地图
2020-08-02 16:46:59
5855
4
原创 Vue学习笔记三：Computed 和 Watch 的使用方法详解
一、计算属性 ComputedComputed 用来监控自己定义的变量，该变量不在 data 里面声明，直接在 computed 里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用其他处理；Computed 比较适合对多个变量或者对象进行处理后返回一个结果值，也就是多个变量中的某一个值发生变化则我们监控的这个值也就发生变化；Computed 计算属性基于响应式依赖进行缓存。如其中...
2020-05-05 23:45:17
547
原创 Vue学习笔记二：props、$ref、$emit、$on 的使用方法详解
一、props通过在子组件中声明自定义的属性，在父组件中可以使用它们，如//子组件<template> <div> <h3>{{ocean01}}</h3> <h3>{{ocean02}}</h3> </div></template><script>exp...
2020-04-19 17:52:29
1148
原创 PySpark空间计算学习总结—（6）PySpark实战例一处理7500w人口大数据
一、前沿说明需求：目前手上有 7500w 条全国人口数据（点数据，有四个字段，分别是时间、经度、维度、标记），csv 格式。现在要找到哪些数据在广东省内。分析：可以将人口数据与广东省行政区进行求交集，即点数据和面数据求交集，则可以得出在广东省境内的人口数据。方法：这里用 GDAL 中的 ogr 求交集方法。首先读取广东省行政区划数据（广东省行政区划数据为 shp 格式，是一个面数据），构造成...
2020-03-31 23:44:49
822
2
原创 PySpark空间计算学习总结—（5）编程算子
RDD 算子分为 Transformation 算子（转换算子）和 Action 算子（行动算子）一、Transformation 算子通过转换算子，将一个 RDD 转换为另外一个 RDD，类似于 y=f(x) 的计算，比如：rddb = rdda.map(...)。注意：转换算子不计算出结果，只记录作用到了哪些数据集上去，比如只记录了 map、filter，不算出结果。不触发提交作业...
2020-03-23 16:36:29
450
原创 PySpark空间计算学习总结—（4）Spark Core核心RDD
Spark 最重要的是 RDD，SparkSQL、SparkStreaming是构建在 RDD 之上的。一、什么是 RDDRDD：Resilient Distributed Dataset 弹性、分布式、数据集它在源码中为：abstract class RDD[T：ClassTag]( @transient private var _sc：SparkContext， @t...
2020-03-21 17:55:53
405
原创 Web绘图标准—SVG和Canvas
之前看极客时间四火老师有一节课讲到了数据可视化（参见https://time.geekbang.org/column/article/152557），讲得很好，正好跟我最近做的事情相符，这里面也总结下。Web 绘图标准在前端绘图中，我们常见的有位图和矢量图这两种，其实有点类似我们 GIS 中的栅格图和矢量图位图：通常我们谈论的图片(如 png、jpg 等格式)绝大多数都是位图。位图又叫...
2020-03-21 15:51:58
1278
原创 跨域请求问题解决办法
之前遇到过跨域问题，就是如下报错：Access to XMLHttpRequest at 'http://XXX' from origin 'http://localhost:63342' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested r...
2020-03-21 11:03:37
509
原创 可视化例子(12)——ECharts堆叠直方图
堆叠直方图主要是要 series.stack 属性一样。全部代码如下<!DOCTYPE html><html style="height: 100%"><head> <meta charset="utf-8"></head><body style="height: 100%; margin: 0"><...
2020-03-18 18:13:13
1008
原创 可视化例子(14)——ECharts波浪图(或者称为河流图)
主要是在 series.itemStyle 里面设置 areaStyle 属性areaStyle:{ //有这个属性代表是波浪图 color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, ...
2020-03-18 17:22:29
4263
4
原创 可视化例子(13)——ECharts堆叠直方图(根据时间动态变化)
这是之前做的堆叠柱状图，根据时间进行变化，在这里记录下，等以后需要的时候可以直接在这里面拿代码。柱状图是线性渐变，主要是这个属性：itemStyle: { color: new echarts.graphic.LinearGradient( //柱子渐变效果 0, 0, 0, 1, ...
2020-03-18 17:06:03
2126
原创 dmp文件导入 Oracle 步骤
之前因为工作需要将 dmp 文件导入进 Oracle ，记下步骤一、第一部分1、在 cmd 下进入 oracle：输入：sqlplus 账号/密码出现错误则：请输入用户名：账号 as sysdba输入口令：密码2、首先可以先建立自己的一个用户表空间，创建表空间：create tablespace test //test为表空间的名字datafile 'G:\o...
2020-03-05 17:45:36
4742
原创 可视化例子(11)——ECharts line3D制作三维折线图
因工作需要，制作了三维折线图，可以看到三个变量的变化。其效果如下图所示：其中遇到了一个很大的问题，line3D 无法出现标签（查看了所有配置项，均没有该配置，这应该是 ECharts 的一个 bug），即如图所示中数值无法出现。后来想到的解决办法是再画个散点图（scatter3D），因 3D 散点图可以出现标签。3D 折线图套上散点图，就如同折线图上面可以出现标签了。<!doc...
2020-02-25 10:37:40
10645
8
原创 可视化例子(10)——HighCharts三维堆叠柱状图
由于工作的需要接触 HighCharts 的使用。做出了个三维堆叠柱状图，得出的效果图如下图所示：其主要代码如下：<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta ...
2020-02-25 10:29:54
1708
原创 python空间计算学习总结PySpark—（2）python大数据环境安装
1、首先安装 Anaconda Python3 版本直接官网下载，一步步安装即可（此处不再赘述）；安装完可将 windows10 里面默认的 python 换成 anaconda 里面 python 的版本（我这里换成了 python3），在 cmd 中输入 python 如下所示：2、安装 Py4J在 cmd 中输入 pip install py4j，然后在 cmd 中输入：...
2020-02-12 21:36:39
421
原创 python空间计算学习总结PySpark—（1）windows10大数据环境安装
本文主要讲windows10里面大数据环境的安装，下一篇讲python环境安装及大数据程序测试1、本机windows10电脑安装的环境为（后面有百度云下载链接）：hadoop-2.7.6jdk-8u171（jdk8的小版本也尽量高点）scala-2011.8spark-2.3.1-bin-hadoop2.7winutils.exe注意：（1）上述文件下载解压缩安装就...
2020-02-12 21:36:23
463
2
原创 PySpark空间计算学习总结
之前工作中有时涉及到空间大数据的处理运算，最近由于新型冠状病毒在家隔离，故学习了下PySpark空间计算方面的，又解锁了一项新技术，甚是高兴，故记录之。本文的环境是在windows10里面，想作为一个系列学习笔记来记录，希望自己能坚持！一、windows10大数据环境安装二、python环境安装和大数据程序测试...
2020-02-12 21:35:56
468
2
原创 python空间计算学习总结PySpark—（3）验证 Windows10 中 PySpark大数据程序开发（在 PyCharm 和 jupyter notebook）
1、在 PyCharm 里面运行大数据程序（1）PyCharm 配置默认 Anaconda 环境打开 PyCharm，在 File->Default Setting->Project Interpreter 里面点击“Add Local”选择第三个System Interpreter，然后将路径选为anaconda安装路径下的python.exe，确定后成功配置...
2020-02-12 21:35:34
569
原创 SQL语句总结（将平常用到的SQL语句总结）
1、查找如 2018-07-08 19:20:30 中的年份SELECT DATE_FORMAT(datetime,'%Y') FROM TestTable;2、截取字段，截取年月日前面的年，但是必须把表中这个字段改为varchar，不能为datetimeUPDATE `table01` SET `datetime`=LEFT(`datetime`,4)3、查询表中每年每个市的...
2020-02-05 22:48:54
315
vue-ol-demo-master.rar
2021-03-11
commonUI.js
2020-07-21
lines-bus.json
2020-07-19
GDAL-3.0.4-cp36-cp36m-win_amd64.whl
2020-02-15
travel-map-ocean.rar
2020-01-12
travel-map.rar
2020-01-12
Vue-myDemo.rar
2019-12-12
iCientDemo.rar
2019-12-11
配置好的 pyspark 安装包 spark-2.3.0-bin-2.6.0-cdh5.7.0.tar.gz
2019-06-25
用Dev Treelist 和 GridControl实现文件资料管理(包括treelist和gridControl使用方法)
2017-08-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人