自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

碰碰的博客

前端GIS领域

  • 博客(81)
  • 资源 (28)
  • 收藏
  • 关注

原创 SpringBoot2.7.4(6):集成MyBatis连接PostGIS数据库

【代码】SpringBoot2.7.4(6):集成MyBatis连接PostGIS数据库。

2022-12-13 17:07:27 1051 1

原创 SpringBoot2.7.4(5):集成MyBatis并配置多数据源

集成MyBatis并配置多数据源

2022-12-13 16:42:46 424

原创 SpringBoot2.7.4(4):使用Druid监控页面

【代码】SpringBoot2.7.4(4):使用Druid监控页面。

2022-12-13 16:21:47 444

原创 SpringBoot2.7.4(3):集成 Swagger3展现在线接口文档

【代码】SpringBoot2.7.4(3):集成 Swagger3展现在线接口文档。

2022-12-13 15:30:51 257

原创 SpringBoot2.7.4(2):使用slf4j进行日志记录

idea项目的resouces文件夹下新建logback.xml文件,详见下面的注释。开发环境下的日志使用控制台打印,生产环境下的日志使用文件打印。,分别用来对开发环境和生产环境进行相关配置。配置两个环境:开发环境。

2022-12-13 15:17:32 374

原创 SpringBoot2.7.4(1):jackson对null的处理

后端查询到的数据中含有null值,会展示到表格中也显示为null。

2022-12-13 11:26:47 354

原创 geoserver2.18(9):Openlayers加载GeoServer的Vector Tiles

【代码】geoserver2.18(9):Openlayers加载GeoServer的Vector Tiles。

2022-09-02 17:36:39 664

原创 geoserver2.18(8):添加CSW(网络目录服务)扩展及前端开发调用

允许CSW客户端检索服务端的元数据。对GetCapabilities请求的响应为包含关于服务器的服务元数据的XML文档;允许客户端发现目标目录服务所支持的信息模型的元素。该操作允许描述部分或全部的信息模型。查询服务器上的服务记录,以XM形式返回服务器上所有服务记录条目;用于获取关于元数据记录元素或请求参数的值范围的运行时信息;根据Id查询服务器上的指定的服务记录;

2022-09-02 11:10:11 641

原创 geoserver2.18(7):添加WPS(Web处理服务)扩展及前端开发调用

请求提供服务的详细信息,包括服务元数据和描述可用流程的元数据。响应是一个称为功能文档的 XML 文档。服务管理界面、处理历史界面、WPS request builder界面(具体略......)以缓冲区分析为例,datainputs为缓冲区操作的输入参数,其格式规则是重点,详情见。:请求描述通过服务可用的 WPS 进程。......

2022-09-01 16:25:57 1376

原创 geoserver2.18(6):使用ImageMosaic发布时间序列栅格

将配置文件存放于landtype相应的影像文件夹内,基本配置如下图。在wms的getmap的url中添加。参数即可访问相应时间的影像数据。

2022-08-29 11:24:01 673

原创 Three.js(7):局部纹理刷新

threejs局部纹理刷新

2022-07-21 11:36:03 1041

原创 OpenLayers6(9):Vue中使用ol-ext插件中的PrintDialog打印控件

0 版本 OpenLayers:6.14.1 ol-ext:3.2.24(条件:"ol": ">= 5.3.0")1 相关配置// 1、安装ol-extnpm i ol-ext // 2、在main.js中引入样式import 'ol-ext/dist/ol-ext.min.css';// 3、安装jspdf用于导出pdfnpm install jspdf --save// 4、安装FileSaver.js用于导出数据npm i file-saver2

2022-05-18 17:25:37 1079 2

原创 ArcPy(1):比较自定义工具箱和Python工具箱创建地理处理工具

0 版本ArcGIS:10.6 python:2.7.141 两种工具箱对比注:以下内容总结自Esri官网自 ArcGIS 10.1 起,使用 Python 创建自定义地理处理工具的方式有以下两种:自定义工具箱中的脚本工具和 Python 工具箱中的脚本工具。二者异同: 自定义工具箱 Python 工具箱 组织方式 通过向导定义的工具和参数定义。 对参数行为提供额外控制的可选验证代码,其位于工具箱中。 在单独的文件中为每个工具维护的源代码,通

2022-05-18 11:30:11 975

原创 python2:相关报错原因汇总

问题:执行pip命令时,提示“ Fatal error in launcher: Unable to create process using'"' ”; 原因:当使用的pip不是最新版本时或者同一台电脑安装了两个版本的python时,会出现该问题; 解决:使用时增加前缀:python -m pip ...。问题:执行pip命令时,提示“ Could not find a version that satisfies the requirement XX”; 原因:国内网络不稳定,...

2022-05-16 15:06:11 344

原创 OpenLayers6(8):引入Turf.js做缓冲区分析

1 版本 OpenLayers:6.14.1 2 相关配置//前端的地理空间分析库,处理各种地图算法npm i @turf/turf3 Openlayers图形与图形Turf之间的互相转换使用策略模式进行实现:/** * 策略模式,不同类型返回不同的Turf几何图形 */export const mCoords2TurfGeom = { Point: function (coords) { return turf.point(coords);

2022-05-12 16:49:20 1786

原创 OpenLayers6(7):矢量图层要素导出KML文件

1 版本 OpenLayers:6.14.1 2 相关配置/**FileSaver.js 在没有原生支持 saveAs() 的浏览器上实现了 saveAs() 接口。FileSaver.js 是在客户端保存文件的解决方案,非常适合需要生成文件,或者保存不应该发送到外部服务器的敏感信息的 web App。*/npm i file-saver3 API说明3.1 ol/format/KMLOpenlayers中用于读/写KML格式数据的要素格式类,API如下:read

2022-05-11 17:21:28 990

原创 OpenLayers6(6):绘制图形工具条封装(Draw、Snap、Modify)

1 版本 OpenLayers:6.14.1 2 说明Draw:绘制图形 Snap:捕捉图形 Modify:修改图形3 绘制图形组件将绘制界面直接封装成vue单文件组件,上代码:<template> <div class="ol-draw-collapse"> <el-collapse :value="['1']"> <el-collapse-item name="12"> <temp

2022-04-29 09:25:39 2097

原创 OpenLayers6(5):基于kriging.js实现插值渲染图

1 版本 OpenLayers:6.4.3 2 相关配置import kriging from '@sakitam-gis/kriging';3 使用kriging.js3.1 数据准备待准备数据以通用的geojson数据格式即可待插值得矢量点数据:本例使用河南省XXX点数据 待插值的范围边界数据:本例使用河南省边界3.2 样本训练The train method in the kriging object fits your input to whatever va

2022-04-27 11:41:03 1928 3

原创 OpenLayers6(4):Vue中使用ol-ext插件中的Legend图例控件

1 版本 OpenLayers:6.4.3 ol-ext:3.2.22(条件:"ol": ">= 5.3.0")2 配置ol-ext// 1、安装ol-extnpm i ol-ext // 2、在main.js中引入样式import 'ol-ext/dist/ol-ext.min.css';3 使用Legend控件3.1 说明ol.control.Legend:Create a legend for styles. ol.legend.Legend:Legen

2022-04-25 16:21:31 4326 2

原创 OpenLayers6(3):Vue导出图片时报错“Uncaught DOMException: Failed to execute ‘toDataURL on ‘HTMLCanvasElement”

1.版本 OpenLayers:6.4.3 2.导出时候遇到报错3.原因分析原因:openlayers中加载的图层中存在不允许跨域的图层;解决:找到相应的图层,添加crossOrigin:'anonymous',处理跨域问题;// 切片-图层export function addlocalTileLayer(title, url, proj = 'EPSG:3857') { const tileLayer = new TileLayer({ ....

2022-04-23 12:51:17 1887

原创 OpenLayers6(2):Vue中使用ol-ext插件中的LayerSwitcher图层控制控件

1.版本 OpenLayers:6.4.3 ol-ext:3.2.22(条件:"ol": ">= 5.3.0")2.配置ol-ext// 1、安装ol-extnpm i ol-ext// 2、在main.js中引入样式import 'ol-ext/dist/ol-ext.min.css';3.使用LayerSwitcher控件3.1 先看LayerSwitcher构造函数的参数LayerSwitcher控件的构造函数参数 selection enabl

2022-04-22 15:08:44 4602 1

原创 OpenLayers6(1):访问GeoServer中GeoWebCache的WMTS切片图层

1 版本OpenLayers:6.4.32 geoserver中配置GeoWebCache详见我之前写过的文章:geoserver2.18系列(4):wms服务——影像切片缓存3 OpenLayers中以WMTS服务的形式进行访问以访问EPSG:4326的切片方案为例进行说明3.1 GeoServer中查看相应的切片方案参数3.2 Openlayers中根据切片方案参数进行参数配置const mGridset4326 = { gridNames: ['EP.

2022-04-20 10:33:39 1068

原创 Three.js(6):vue中基于worker-loader使用web worker设置动态模型的移动路线

1 版本vuecli:4.5.7three.js:0.131.02 使用worker-loader2.1 安装worker-loadernpm install worker-loader --save-dev2.2 vue.config.js中进行配置chainWebpack: config => { // 设置解析以worker.js 结尾的文件使用worker-loader 解析 config.module.rule('worker-loader').

2022-04-15 11:07:38 1715

原创 Cesium(5):基于callbackproperty做洪水淹没三维动态分析

1 版本cesium1.92.02 实现原理2.1 水面材质选择一个水面波纹的短视频纹理,作为水面的材质:videoMaterial: function (url) { // "data/other/water.mp4" let video = document.createElement('video'); video.src = url; video.autoplay = true; video.loop = true; let ..

2022-04-15 09:38:45 2603 2

原创 Cesium(4):使用cesium内置的图钉样式显示geojson点

1.版本cesium1.92.02.cesium内置的图定样式3.方法一Cesium.PinBuilder:一个实用类,用于生成作为画布元素的自定义贴图接点。它有四个函数: fromColor(color, size):指定颜色的图钉 fromMakiIconId(id, color, size):指定maki icon的图钉 fromText(text, color, size):指定文字的图钉 fromUrl(url, color, size):.

2022-04-14 17:14:33 2347

原创 vue开发案例:基于Three.js搭建三维数字化场景

0、场景涉及的关键技术点GLTFLoader加载gltf模型,并解析模型动画; 基于worker-loader在vue中使用web worker; 基于web worker动态设置模型(鸟、牛)的移动路线; 基于geotiff.js与DEM生成三维地形场景; threejs中加载geojson生成ShapeGeometry; 使用BufferGeometryLoader加载风机模型,并设置风机动态转动; 基于DataTexture3D生成三维云; 基于Sprites实现树木、草地、向日葵等

2022-03-04 11:09:04 1807 1

原创 Three.js(5):基于geotiff.js与DEM生成三维地形场景

1、DEM数据准备2、引入geotiff库npm i geotiff3、使用geotiff库读取DEM数据import * as GeoTIFF from "geotiff";const tif = await GeoTIFF.fromUrl("hjq/feature/dem/dem1_108_100_84_clip2.tif");const tifImage = await tif.getImage();const image = { width: tifImage

2022-02-25 11:16:06 3669 8

原创 GLTF(2):使用gltf-pipeline对gltf进行压缩

1、下载cesium开发包,cmd进入cesium根目录:2、npm下载gltf-pipeline:npm install gltf-pipeline --save3、将gltf模型文件复制到gltf-pipeline根目录下:4、cmd打开命令行工具,切换至gltf-pipeline根目录下:// 将gltf转为glbnode bin/gltf-pipeline.js -i model.gltf -o model.glb// 应用Draco压缩node bin/gl

2022-02-22 14:53:50 2356

原创 Three.js(4):基于Shadertoy在Three.js中实现雨、雪效果

0、原理移植Shadertoy中的天气效果编写成shader; 基于threejs后处理方式实现相应的效果。// 1、初始化const mComposer = new EffectComposer(this_.mRenderer);const renderPass = new RenderPass(this_.mScene, this_.mCamera);const effectCopy = new ShaderPass(CopyShader);effectCopy.renderToScr

2022-02-21 18:15:57 2232 3

原创 Three.js(3):移植Shadertoy中的着色器

0、说明请仔细阅读以下贴出的shadertoy与threejs的着色器代码之间的区别,一法通万法皆通。1、shadertoy中着色器代码// Found this on GLSL sandbox. I really liked it, changed a few things and made it tileable.// :)// by David Hoskins.// Original water turbulence effect by joltz0r// Redefine be

2022-02-11 17:36:36 1489 2

原创 Node.js:npm install时出错 check python checking for Python executable “python2“ in the PATH

1、问题描述Building: G:\nodejs\node.exe F:\Carrie\Luxsens\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=gyp info it worked if it ends with okgyp verb cli [gyp verb cli 'G:\\

2021-12-27 18:18:14 2327

原创 vue系列(12):强制更新dom元素

1 问题当更新mPano.mSrc.attr 中的属性值时,v-pannellum没有进行相应的界面更新。<v-pannellum :src="mPano.mSrc" :hfov="120" :key="mPano.mKey"></v-pannellum>2 解决用 :key 来阻止“复用”,当key变化时dom会被刷新。一般情况下,key可以使用当前的时间。...

2021-12-13 15:20:39 3933

原创 Cesium(3):加载gltf模型后很暗的原因

1.版本cesium 1.82.12.关闭时间对于模型亮度的影响viewer.scene.light = new Cesium.DirectionalLight({ direction: new Cesium.Cartesian3(0.354925, -0.890918, -0.283358)})3.查看gltf模型文件1、gltf模型文件是可以用文本进行打开的,打开文件之后查看materials节点,以其中一个为例进行说明。{ "doubleSided" : t

2021-12-03 18:22:58 5128 2

原创 geoserver2.18(5):连接sqlserver数据库

1.版本geoserver 2.18sqlserver 20142.说明官方说明:Microsoft SQL Server and SQL Azure — GeoServer 2.20.x User Manual有两种方式,1、JDBC连接,2、JNDI方式,讲解通过JDBC方式来连接GeoServer。3.geoserver for sqlserver 扩展地址:http://geoserver.org/download/,根据自己版本下载,将gt-jdbc-sqlserver

2021-12-03 11:10:20 1323

原创 Cesium(2):ThirdParty/zip.js

1.版本vue/cli 4.5.7cesium 1.87.12.启动会出现问题in ./node_modules/cesium/Source/ThirdParty/zip.js3.原因由于在 ./node_modules/cesium/Source/ThirdParty/zip.js 文件中使用了 import.meta 语法,webpack默认不支持,在进行项目构建时,会报如下错误,提示信息需要添加 loader。4.解决(1)安装loadernpm inst.

2021-12-02 08:58:30 602

原创 vue系列(11):vue-router报错:NavigationDuplicated: Avoided redundant navigation to current location.

1、原因这个报错是重复路由引起的。2、解决在push方法内添加query参数:this.$router.push({ path: this.getTo, query: { timestamp: Date.now() } // changes every time when clicked called })

2021-12-01 18:11:02 81

原创 vue系列(10):router-view阻止复用

1、问题在使用Vue-router做项目时,会遇到如/serviceId/:id这样只改变id号的场景。由于router-view是复用的,单纯的改变id号并不会刷新router-view。2、解决:用 :key 来阻止“复用”<router-view :key="key"></router-view>computed: { key() { return this.$route.name !== undefined ? this

2021-12-01 18:01:05 1071

原创 Three.js(2):API结构图-2

7.1、基类Geometry

2021-09-03 11:00:51 371

原创 Three.js(1):API结构图-1

1.1、程序框架2.2、顶点概念2.7、BufferGeometry2.8、几何体旋转、缩放、平移3.1、材质Material4.1、点线面模型4.2、模型对象旋转平移变换4.3、复制和克隆5.1、光源6.1、层级模型...

2021-09-03 10:55:37 531

原创 vue系列(9):ref的用法

作用1、获取本页面的dom元素<template> <div> <div ref="threeContainer"></div> </div></template><script>export default { name: "threeApp", components: {}, data() { return { }; }, mounted() {

2021-08-27 09:35:58 145

threejs 天空盒 50+---------skyboxs.rar

threejs 天空盒

2022-01-12

three.js天空盒资源

three.js天空盒子图片资源,,,,,,,,,,,,,,

2022-01-12

三维开发--常见天空盒图片

常见天空盒图片

2021-06-18

三维开发--常见天空盒图片

常见天空盒图片

2021-06-18

大数据模板背景图片.rar

大数据模板背景

2020-12-09

tomcat cors.rar

tomcat整体配跨域策略:包含cors-filter-2.4.jar、java-property-utils-1.9.1.jar; 此文件也适用于geoserver 2.18 war包版本的跨域。

2020-11-06

SimSun.rar

SimSun.ttf 是一款非常漂亮的英文字体,字体设计优美、秀丽大方,书写流畅,整体效果非常漂亮,适合应用于海报设计、书籍装帧、画册封面、产品包装设计等应用,SimSun.ttf Download Fonts。SimSun.ttf 也是一款非常漂亮的英文艺术字体,SimSun.ttf 字体深受广大设计师喜爱,SimSun.ttf 字体被广泛用于广告、海报、画册、包装的设计及印刷中,好看的英文字体SimSun.ttf!SimSun.ttf下载。

2020-08-27

Microsoft Access Database Driver.rar

Microsoft Access 2007 数据库引擎,32位,可以解决“未在本地计算机上注册“Microsoft.Ace.OleDb.12.0”提供程序”问题

2020-06-20

1:500gis地形图符号style.rar

1:500地形图ArcGIS符号库Style

2019-09-07

Android开发图标2

Android开发图标222222222---同一图标包含各种分辨率。

2019-08-23

AndroidIcon.rar

Android开发图标---同一图标包含各种分辨率。

2019-08-07

郭霖第二行代码---源代码.rar

郭霖第二行代码---源代码.rar,,,,,,,,,,,,,,

2019-08-04

CityEngine城市三维建模书籍

CityEngine城市三维建模 书籍

2019-07-09

OpenNI1.5.4(32位、64位)下载地址

OpenNI1.5.4(32位、64位)、OpenNI-Win32-1.5.4-Dev、openni-win64-1.5.4.0-dev

2019-05-02

PCL-1.7.2-AllInOne(vs12-32位-64位、vs13-64位共三个版本)下载地址

PCL-1.7.2-AllInOne-msvc2012-win64.exe、PCL-1.7.2-AllInOne-msvc2012-win32.exe、PCL-1.7.2-AllInOne-msvc2013-win64.exe下载地址

2019-05-02

[Apress] Pro WF 4.5

自己编写的[Apress] Pro WF 4.5.英文版(4、7、8、9章)源代码。

2018-11-16

实战windows azure 微软云计算平台技术详解

《实战windows azure 微软云计算平台技术详解》。

2018-10-09

Windows.Azure从入门到精通

.Azure从入门到精通。

2018-10-09

深入浅出设计模式C#Java版

深入浅出设计模式C#Java版,经典书籍,希望对大家有帮助。

2018-09-16

C#的skyline二次开发案例

基于C#语言的skyline的二次开发案例,希望对大家有所帮助。

2018-09-11

WCF揭秘---经典书籍

本书是WCF 领域内少有的经典著作,以WCF 的预备知识开篇,最后以REST 和Plain XML 服务的具体案例分析结束全书,全面而深入地讲解了WCF 技术的各个知识点,在广度和深度上都恰到好处。本书不仅系统地阐述了WCF 的重要理论知识,而且还提供了大量的实例和解决常见问题的最佳方案。它是WCF 开发团队集体智慧的结晶,是进行WCF 开发必备的参考书。

2018-09-08

NET设计规范:约定、惯用法与模式(第2版)

C# 专业 程序员必读,从变量命名规范讲到类型系统设计原则,这本书提供了一套完整的.Net编程规范,使得程序员可以编写出一致,严谨的代码。

2018-09-08

VS12自带Win10扁平化图标

VS12自带Win10全部扁平化图标,内含VS12图标、以及其他常用精美图标

2018-09-06

扁平化精致开发图标文件

外网下载的扁平化精致开发图标文件,,,,,,,,,,,,

2018-04-04

软件开发常用图标文件

桌面软件开发常用的图标文件大全,基本满足你的需求。

2018-04-04

win10风格扁平化精美图标文件

win10风格扁平化图标文件,内含win10系统以及桌面图标、以及其他常用精美图标

2018-04-04

c#优先队列

c#编写的基于有序数组、无序数组、集合、二叉堆的四种优先队列,已测试可用。

2017-12-26

AutoCAD读取实体扩展属性至excel

自制工具实现读取AutoCAD实体扩展属性至excel

2017-07-18

空空如也

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

TA关注的人

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