一个修理地球的人-CSDN博客

原创地理空间算法收集

道格拉斯普克(Douglas-Peuker)算法抽稀算法参考地址基本思路：连接各点，设定阈值，连接首尾点，然后将首尾点中间的点与直线距离比较，将点与直线的距离大于阈值时保留下来。在将首尾点和保留的点连接，再讲剩下的点与连接后的直接对比距离，直到点与直线的距离完全小于阈值时，抽稀完成。阈值大小确定了抽稀的密度。...

2021-10-06 16:18:33 338

时间分片技术解决 js 长任务导致的页面卡顿界面操作使用transform动画会使用GPU，不会让界面卡死解决 js 长任务导致的页面卡顿在web界面运行长时间代码时，会造成界面卡死，最新看了一篇时间分片技术，实现了执行长时间的任务而不会卡顿界面；时间分片技术（解决 js 长任务导致的页面卡顿）此方法作用于多次循环的情况，如果是单次导致界面卡死情况，代码可以如下 //上面执行界面需要更新的 await new Promise((resolve)=> setTimeout(resolve

2021-09-16 16:03:06 3981

原创通过样式选择器变量动态设置样式

目的通过设置scss中的样式选择器变量，修改vue中的变量中的变量动态设置样式代码<template> <div> <span class="targetClass" :isFocus="isFocus">这是目标要素</span> <div class="otherClass" @click="setIsFocus"></div> </div></template><s

2021-06-28 14:21:04 350

原创写一个删除node_modules文件夹的脚本

1.node_modules文件文件数量多，删除比较费时间，使用脚本比较快；新建文件，将后缀改为*.bat*,里面粘贴如下内容，rd /s /q node_modules将文件放到vue工程根目录下面，需要删除node_modules文件夹时，只需要双击这个脚本文件即可，好用又快速。...

2021-06-09 17:36:03 231

原创 Cesium截屏

1.实现cesium截屏功能，有时候截屏中没有cesium里面的要素，需要在地球初始化options里面配置如下代码 "contextOptions": { "webgl": { "alpha": true, "depth": false, "stencil": true, "antialias": true, "premultipliedAlpha": true, "preserveDrawing

2021-06-09 08:52:47 2483

原创 Webpack使用常用功能记录

1.配置第三方插件可以全局使用；比如wkt与geojson互转插件terraformer-wkt-parser，安装依赖后，在webpack.config.js文件中，在plugins数组中加入如下 plugins: [ new webpack.ProvidePlugin({ WKTGeojson: 'terraformer-wkt-parser', }) ],这样在全局代码中可以直接使用WKTGeojson作为terraformer-wkt-par

2021-06-04 15:32:31 80

原创 js常用工具函数

1.产生16位随机字符串function uuid() { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c)=> { const r = (Math.random() * 16) | 0; const v = c === 'x' ? r : (r & 0x3) | 0x8; return v.toString(16); });};

2021-05-18 13:56:54 73

原创 npm库使用roullup封装经验总结

1.背景最近要开发一个js类库，就学习和实践了下之前摸索的打包类库，过程都比较顺利，记录一下经验避免后面再踩坑。2.工具版本打包工具"rollup": "^1.29.0",压缩工具"rollup-plugin-uglify": "^6.0.4"图片加载工具 "@rollup/plugin-image": "^2.0.6",3.开发过程设计4.优化经验4.1 使用静态图片，可以使用在线工具压缩图片；4.2 shi...

2021-04-29 17:01:51 621

转载使用 Nexus3 Repository Manager 搭建 npm 私服

链接地址使用 Nexus3 Repository Manager 搭建 npm 私服按照步骤完成私有包发布，保存下来方便以后使用

2021-01-13 17:46:37 302

原创 nginx搭建静态文件服务器支持跨域配置

**nginx搭建静态文件服务器支持跨域配置**在server模块中添加配置：add_header 'Access-Control-Allow-Origin' '*';server { listen 80; add_header 'Access-Control-Allow-Origin' '*'; location /filedata { alias D:\NginxData; all

2021-01-13 15:33:20 1180 1

原创 Cesium场景问题处理

1.解决绘制图像中锯齿问题 // 这里解决锯齿 viewer.scene.fxaa = false; viewer.scene.postProcessStages.fxaa.enabled = true; if (Cesium.FeatureDetection.supportsImageRenderingPixelated()) { // 判断是否支持图像渲染像素化处理 viewer.resolutionScale = window.devicePixelRatio; }...

2021-01-05 11:23:18 472

原创 web端读取shp文件压缩包，Geojson与WKT格式互转

1.前端框架使用vue;读取shp的库为shpjs;geojson转wkt或wkt转geojson用terraformer-wkt-parser。2.安装 cnpm install shpjs --s cnpm install terraformer-wkt-parser --s3.读取shp压缩包文件示例代码<template> <div class="wrapper"> <a-upload name="shp" :before-

2020-12-29 09:47:33 1260

原创 vue路由选择history打包到ngin下无反应问题

1.当vue使用路由使用history使用，router配置的路由地址必须和ngxin的代理地址完全一致，这样才会出现打包页面。

2020-08-31 10:01:10 198

原创 div内容超出处理

div内容超出css处理几种方式（用到后不断补充）1.文本内容超时使用省略号显示超出的部分 width: 170px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;

2020-07-21 10:44:27 9198

原创 url中特殊字符转义为原始字符

1.参数信息在url中传递的时候url里面的特殊字符转义的情况，但是在加载的时候可能会无法加载转义后的url信息转译规则空格用%20代替 " 用%22代替 # 用%23代替 % 用%25代替 &用%26代替 ( 用%28代替 ) 用%29代替 + 用%2B代替 , 用%2C代替 / 用%2F代替 : 用%3A代替 ; 用%3B代替 < 用%3C代替 =

2020-07-16 17:00:14 791

原创 web前端使用CSS修改svg颜色样式

使用UI切图的svg无法直接修改内部的CSS样式，借用svgo工具可以完成样式的修改一.准备1.安装svgo npm包 npm install svgo --save-dev2.在package.json 脚本命令中加入"svgo": "svgo -f src/common/icons/svg --config=src/common/icons/svgo.yml"3.在控制台输入npm run svgo 即可进行svg修改，修改后的svg可以使用css样式进行修改二.原因美工制作的svg样式存

2020-07-07 15:06:34 8069 9

原创 Cesium加载Geoserver wtms服务和wms服务

Cesium加载Geoserver wtms服务和wms服务代码如下Geoserver WMSGeoserver WMTS代码如下Geoserver WMS const layer = viewer.imageryLayers.addImageryProvider(new Cesium.WebMapServiceImageryProvider({ url: 'http://127.0.0.1:8080/geoserver/workspace/wms',

2020-06-09 16:32:38 807 1

原创 Cesium点击获取模型或者地形点的位置

Cesium点击拾取模型高度需求-点击时存在模型则点击事件获取模型高度，没有模型时获取地形高度代码需求-点击时存在模型则点击事件获取模型高度，没有模型时获取地形高度版本cesium 1.7.0 ,vue 2.5x代码 viewer.screenSpaceEventHandler.setInputAction(function (clickEvent) { var ray1 = viewer.camera.getPickRay(clickEvent.position);

2020-06-09 10:50:07 3528 1

原创 Geoserve发布Mapbox矢量切片格式openlayer加载案例

一.Geoserver安装配置1.下载安装geoserver，官网地址点击2.在官网配置与geoserver版本一致的[下载地址这里是2.5.1的版本]，(https://sourceforge.net/projects/geoserver/files/GeoServer/2.15.1/extensions/geoserver-2.15.1-vectortiles-plugin.zip/dow...

2020-03-04 19:49:15 729 2

原创 Cesium编译源码

Cesium编译源码Cesium编译源码编译代码Cesium编译源码在github中下载Cesium 1.62.0 master版本源码进行源码编译。编译代码cnpm install #安装cesium开发和运行中依赖的第三方node.js包，无法使用时使用npm installnpm run release #创建`Build`目录，把cesium各个模块源码打包生成统一cesium...

2019-11-25 09:54:39 755

原创 Cesium加载天地图中文标注服务和谷歌影像服务

Cesium加载天地图中文标注服务和谷歌影像服务直接上代码自从天地图使用token之后，之前写的Cesium添加天地图图层服务的就无法使用了，所以重新写一个可以使用的。直接上代码 // 关闭全球光照 --默认为关闭 this.viewer.scene.globe.enableLighting = false; //删除其他栅格图层 this.viewer.im...

2019-11-22 10:59:48 2887

原创 cesium实现飞行漫游

cesium实现飞行漫游代码<template> <div> <div class="container"> <el-button type="primary" size='mini' @click="goHome" >回到首页</el-button>...

2019-11-16 17:45:01 6053 7

原创超图使用问题集合

1.在注册超图正版U盘许可后，发布的地图服务中依然有超图的水印；解决办法：把iserver的output和浏览器里的缓存删掉不行的话再重新配置iserver硬件锁。...

2019-11-16 17:21:01 651

原创 PostGis计算距离,点重合和范围检测

案例如下1.获取两点间距离将两点组成西安然后测算线的距离select ST_Length(Geography(ST_GeomFromText(‘LINESTRING(120.451737 36.520975,120.451737 36.520975)’)));2.计算A是否包含Bselect ST_Within(ST_GeomFromText(‘POINT(113.911291 29.6...

2019-11-16 17:20:30 443

原创 web中使用阿里巴巴矢量库作为图标管理

web中使用阿里巴巴矢量库作为图标管理阿里巴巴矢量库矢量库中项目图标将矢量库引入项目中阿里巴巴矢量库Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具矢量库中项目图标阿里巴巴矢量库网址：https://www.iconfont.cn/需要先登录，可以使用github，阿里账户，新浪...

2019-11-06 15:22:52 484

原创 Gitlab首次首次使用步骤

Gitlab首次首次使用步骤创建gitlab项目拉取为本地项目创建本地分支查看分支提交本地分支到远程分支切换分支提交代码创建gitlab项目在gitlab网站上创建一个项目拉取为本地项目git clone https://gitlab.XXXXXX.com创建本地分支git branch branchName查看分支列出所有本地分支$ git branch#列出所有远程分支$...

2019-11-04 14:21:28 3650

原创 CSS样式类事件选择加空格导致所有子项及孙子项继承父元素

CSS样式类选择加空格导致所有子项及孙子项继承父元素代码效果原因代码<div class='entity-hover'><div>1<div>11<div><div><div>1<div></div>//hover前有空格 .entity-hover: hover { ba...

2019-10-25 18:09:20 385

原创 Vue3.0+Cesium+Tomcat服务下倾斜摄影数据加载详细过程

Vue3.0+Cesium+Tomcat服务下倾斜摄影数据加载1.Vue-cli 3.0 + cesium 构建参考资料地址Vue-cli 3.0 + cesium 构建注意，因为文档中设置默认地址设置为http://localhost:9999（文档中写的为http://localhost:8080）2. 将倾斜摄影的模型（3dtile模型）放在tomcat资源文件webapps文件夹下...

2019-08-28 18:33:02 3893 3

原创 ant design of vue table排序bug

ant design of vue table排序bugTable使用排序设置如下sorter: (a, b) => a.name.length - b.name.length,当内容为全部中文时，无法进行排序

2019-07-31 11:58:04 3116

原创 Nuxt.js开发模型配置修改

Nuxt.js开发模型配置修改1.创建利用Nuxt脚手架创建项目安装npx npm install -g npx利用脚手架生成项目 npx create-nuxt-app <项目名>2.添加babel工具安装工具包 npm i babel-core babel-preset-es2015 babel-cli新建文件**.babelrc** ,文件内容为{ "pres...

2019-07-18 17:42:22 392

原创 Ant Design of Vue 中from几个常见效验参数用例

Ant Design of Vue 中from几个常见效验参数用例（initialValue默认值设置）以Input为例以Input为例 <a-input v-decorator="['tile_size', { rules: [{ required: false, message: '切片大小'}],...

2019-07-16 11:49:22 2463

原创 Vuex的辅助函数mapState, mapActions, mapGetters,mapMutations用法代码例子

Vuex的辅助函数mapState, mapActions, mapGetters,mapMutations用法代码例子参考资料调用函数的文件store/index.js文件store/getter.jsstore/modules/car.jsstore/modules/person.js参考资料https://www.cnblogs.com/tugenhua0707/p/9794423.h...

2019-06-19 13:39:51 3883

原创 Ant Design Vue a-radio-group中v-model无法识别data中的值

Ant Design Vue a-radio-group中v-model无法识别data中的值代码如下问题解决问题代码如下 </div> <div :style="{ marginTop: '16px' }"> <a-radio-group :defaultValue="ravalue" buttonStyle="solid"> &...

2019-06-05 10:28:18 11939 1

原创 Three.js加载js格式文件模型

Three.js加载js格式文件模型代码如下<!DOCTYPE html><html><head> <title>三维显示案例</title> <script type="text/javascript" src="js/three.js"></script&amp

2018-11-16 17:14:56 1570

原创 Cesium加载模型两种方式

Cesium加载模型两种方式代码如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>加载离线arcgis卫星、天地图标签、风机模型</title> <link rel="stylesheet" href

2018-11-16 16:53:01 12462 4

原创 Cesium飞行效果

Cesium飞行效果代码如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>漫游飞行效果</title> <link rel="stylesheet" href="../Build/Widge

2018-11-16 16:34:47 7053

原创 Cesium加载图标，并实现图标点击监听

Cesium加载图标，并实现图标点击监听代码如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>cesium添加图标</title> <link rel="stylesheet" href=&quot

2018-11-16 16:32:23 9678

原创 Cesium加载局部地区单张图片底图

代码如下&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;局部地图区域&lt;/title&gt; &lt;link re

2018-11-16 16:26:26 8636 8

原创 Cesium加载天地图在线卫星切片，中文标注，防止视角钻入底下，加载超图在线地形服务

本代码展示加载天地图服务卫星和中文标志加载超图地形服务解决视角钻入底下的问题代码如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>超图加载在线地形数据stk</title> <link rel="styl

2018-11-16 16:13:12 4268 9

原创直接定位与飞行定位

Cesium两种视角定位方式代码如下代码如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>直接定位与飞行定位</title> <link rel="stylesheet" href="../

2018-11-16 15:59:42 995

Web站点跨域说明

PLSQL+汉化包+注册机+OracleClient_11

PostgreSQL+PostGIS插件

空空如也