迷茫的小猿
码龄6年
关注
提问 私信
  • 博客：144,313
    问答：587
    动态：4
    144,904
    总访问量
  • 47
    原创
  • 1,836,481
    排名
  • 54
    粉丝
  • 0
    铁粉

个人简介：一只学后端但必须做前端工作的程序猿

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：河南省
  • 加入CSDN时间： 2018-11-20
博客简介：

weixin_43747076的博客

查看详细资料
个人成就
  • 获得177次点赞
  • 内容获得53次评论
  • 获得236次收藏
  • 代码片获得297次分享
创作历程
  • 47篇
    2020年
成就勋章
TA的专栏
  • openlayer
    12篇
  • geojson
    11篇
  • vue
    9篇
  • geoserver
    8篇
  • unbuntu
    1篇
  • leaflet
    1篇
  • cad
    11篇
  • git
    1篇
  • es6
    1篇
  • csv
    1篇
  • arcgis
    2篇
  • java
    7篇
  • JavaScript
    2篇
  • react-native
    2篇
  • android
    3篇
  • svn
    1篇
  • cad制图
  • IOS开发
    1篇
  • vue arcgis地图开发
    1篇
创作活动更多

HarmonyOS开发者社区有奖征文来啦！

用文字记录下您与HarmonyOS的故事。参与活动，还有机会赢奖，快来加入我们吧！

0人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

vue+openlayer加载geojson通过地图的singleclick事件实现要素的选中高亮以及再次点击取消选中

思考：选中： 通过singleclick事件可以获取坐标点，openlayer中Feature有个getGeometry().getClosestPoint§方法，就是feature根据这个p坐标可以获取到里这个点最近的坐标点，然后咱们通过这个点和点击的点的距离进行比较，并且咱们也可以进一步的进行限定（判定点击的坐标在feature的边界内），这样做还是有问题，就是你还有可能选中不相关的点或者线，咱们可以做一个工具，也是使用openlayer加载geojson，然后通过选中你想要进行标定的要素，将这些块的
原创
发布博客 2020.07.01 ·
2060 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

vue+openlayers加载geojson 限定（过滤）一些feature（要素）不能被选中或者指定某些feature能够被选中

需求：公司场所对工位、办公室、会议室等进行标定，选中时不能选中灯管，地毯，无关的线和点思考：咱们可以获取到所有的要素(feature)，通过AutoCAD打开cad文件时你可以发现，要素是有类型的，然后咱们使用openlay加载geojson时在控制台打印feature会发现feature.values_.RefName这个字段和autocad里面发现的类型是一致的，ok，可以开始完成了解决方案：你可以做一个工具，也是使用openlayer加载geojson，然后通过选中你想要进行标定的要素，将这些
原创
发布博客 2020.07.01 ·
1957 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

openlayers.js加载地图添加多个数字标记

思路：首先创建一个数字标记图层，然后在涂层上面添加数字标记
原创
发布博客 2020.06.16 ·
1367 阅读 ·
2 点赞 ·
2 评论 ·
2 收藏

geoserver使用rest上传shp数据发布服务时解压失败导致视图无法预览

日志中出现的问题：ERROR [geoserver.rest] - Error occured unzipping fileorg.geoserver.rest.RestException 500 INTERNAL_SERVER_ERROR: Error occured unzipping filejava.util.zip.ZipException: error in opening zip file一开始一点头绪都没有，我同事负责上传的文件是没有问题的，于是我手动使用curl指令在服务器上发布
原创
发布博客 2020.06.16 ·
983 阅读 ·
3 点赞 ·
0 评论 ·
0 收藏

NodeJS通过SHP（Shapefile）压缩包（zip）路径自动发布geoserver服务

第一步：安装相关依赖npm install child_process --save第二步：了解curl发布geoserver服务的指令新建工作区：curl -v -u admin:geoserver -XPOST -H "Content-type: text/xml" -d "<workspace><name>namespace</name></workspace>" http://localhost:8082/geoserver/rest/wor
原创
发布博客 2020.06.10 ·
1129 阅读 ·
2 点赞 ·
0 评论 ·
4 收藏

unbuntu服务器部署安装geoserver

第一步：上传压缩包使用SecureCRT连接到服务器，并将geoserver压缩包上传上去，geoserver-2.17.0-bin.zip(和我描述的下面的geoserver.zip是一样的)第二步：解压缩使用unzip解压geoserver压缩包apt-get install unzipunzip geoserver.zip第三步：下载安装openjdkapt-get updateapt-get install openjdk-8-jdk安装后使用java -version
原创
发布博客 2020.06.06 ·
655 阅读 ·
3 点赞 ·
0 评论 ·
0 收藏

在vue中使用leaflet加载矢量切片（pbf）

第一步：安装依赖首先你的先安装两个依赖：leaflet和leaflet.vectorgridcnpm install leaflet --savecnpm install leaflet.vectorgrid --save第二步：获取url注意：咱们用leaflet加载的是pbf，使用的L.vectorGrid.protobuf，如果需要加载geojson,使用的是L.vectorGrid.slicer首先打开geoserver，点击图标Geoserver标志然后点击TMS下面的1.0.0
原创
发布博客 2020.06.06 ·
3392 阅读 ·
1 点赞 ·
1 评论 ·
4 收藏

geoserver发布矢量切片（pbf,geojson,png等）

geoserver如何配置和下载我就不多说了，详情请见：geoserver的配置与发布，下面的这个四个jar包必须复制到指定目录，否则无法发布矢量切片的第一步：创建一个Gridsets（Create a new gridset）点击左侧栏框中Tile Caching下面的Gridsets按钮，然后点击Create a new gridset第二步：点击Tile Layer选中你之前发布好的图层，首先将下面图中框中的选中然后选择你创建好的Gridset,点击保存第三步：切割并发布适量切片
原创
发布博客 2020.06.06 ·
5331 阅读 ·
2 点赞 ·
2 评论 ·
9 收藏

vue 父组件和子组件相互传递值（父传子，子传父）

第一步：父组件传给子组件父组件：<template> <div> <h2>父组件</h2> <child :message="我是父组件传过来的值"></child> </div></template><script> import child from './child' export default{ components:{ child } }</
原创
发布博客 2020.06.02 ·
288 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

ES6 数组迭代器Symbol.iterator（场景：当选中一个之后，从选中开始迭代执行任务代码）

思路：首先找到你选中的元素，然后开始第一次执行任务代码，最后开始继续迭代代码：//this.cameras是一个数组let iter = this.cameras[Symbol.iterator]() while(iter.next().value.cameraId === id){//id为你选中元素的id，目的是当你找到你选中的那个开始第一次执行任务代码，然后跳出while循环 this.$refs.HKWS.getCameraInfo(id)//任务代码 bre
原创
发布博客 2020.06.02 ·
427 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

vue导出csv文件 （通过json2csv前端导出）

第一步：安装依赖npm install json2csv -s第二步：代码实现下载方式 ：IE浏览器 不支持a标签进行下载，会打开url 故对于微软系浏览器（IE和Edge）和非微软系列浏览器采用两种不同的方式进行下载IE和Edge 采用了 navigator.msSaveBlob 方法 此方法为IE10及以上特有，IE10以下勿采用非微软浏览器 使用a标签的click事件进行下载代码：rows: [ { title: '序号', key: 'Ordinal',
原创
发布博客 2020.05.27 ·
2033 阅读 ·
2 点赞 ·
3 评论 ·
6 收藏

Vue页面切换后，内存未释放（通过缓存路由来解决）

keep-alive详解：是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 与 相似，只是一个抽象组件，它不会在DOM树中渲染(真实或者虚拟都不会)，也不在父组件链中存在，比如：你永远在 this.$parent 中找不到 keep-alive 。第一种：缓存所有路由<keep-alive> <router-view></router-view></keep-al.
原创
发布博客 2020.05.25 ·
9221 阅读 ·
3 点赞 ·
0 评论 ·
7 收藏

vue+openlayers设置地图背景颜色（本例子为背景颜色设置为黑色）

思考：我之前用的是JavaScripts+openlayers，在网上搜了很多资料，自己也尝试了很多次，都没有设置成功，貌似不可行，估计需要拿过来的地图就是黑色的，这个可以去找黑色地图（我没找啊，因为后来需求变了，需要将openlayers集成到vue中，于是我就改变策略了），vue+openlayers设置背景颜色其实很简单，只需要设置地图所在的div的背景颜色即可代码：<template> <div id="map" class="mapStyle" ref="rootma
原创
发布博客 2020.05.22 ·
7178 阅读 ·
4 点赞 ·
0 评论 ·
7 收藏

vue+openlayers添加点击事件进行图片标记

思考：首先肯定是先创建一个图层，然后在该图层点击的位置添加一个feature(图片)代码实现： //创建矢量容器，当点击时将图标feature放进去 var iconVector = new VectorSource({ features:[] }) //创建图层 var iconLayer = new VectorLayer({ source:iconVector }) //将图层添加到地图上 this.map.addLayer(iconLayer) this.ma
原创
发布博客 2020.05.22 ·
4236 阅读 ·
3 点赞 ·
0 评论 ·
12 收藏

vue集成openlayers(vue+openlayers)加载geojson并实现点击弹窗教程

第一步：安装vue-clicnpm install -g @vue/cli第二步：新建一个项目1.新建项目 （vue-openlayers为项目名）,并选择default模版vue create vue-openlayers2.安装openlayerscnpm i -S ol第三步：写业务代码1.删除掉HelloWorld.vue 新建 olmap.vue组件components/olmap.vue代码：<template> <div id="map" r
原创
发布博客 2020.05.21 ·
2710 阅读 ·
4 点赞 ·
0 评论 ·
26 收藏

arcgis.js加载geojson

首先需要下载js文件geojsonlayer.js直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="
原创
发布博客 2020.05.20 ·
1500 阅读 ·
2 点赞 ·
0 评论 ·
1 收藏

geojsonlayer.js

发布资源 2020.05.20 ·
js

git配置以及日常工作中用到的操作教程

第一步：git配置下载并安装git https://git-scm.com/download、基础配置git config --global user.name "Your Name"git config --global user.email "email@example.com"配置公钥（1）本地bash命令生成公钥：ssh-keygen -t rsa -C "youremail@example.com"（2）查看生成的公钥less ~/.ssh/id_rsa.p
原创
发布博客 2020.05.19 ·
171 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

Geoserver配置以及发布geojson服务教程

第一步：下载文件
原创
发布博客 2020.05.13 ·
10328 阅读 ·
10 点赞 ·
10 评论 ·
24 收藏

openlayers.js加载geojson时绑定单击事件，点击空白处选中最接近的要素（比如一个线性图形下面有个多边形，在线性图形空白处点击时会选中多边形，而你想要选中线性图形）

背景：之前我写过一篇文章解决这个问题的点击此处查看，所以就不在这里详细介绍问题了，但是呢不够官方，是我自己凭空想象而来的，下面我要介绍的就比较官方了，因为是比对官方文档api来获取的第一步：首先咱们依旧需要遍历所有feature这次参考官方apiol/source/Vector的getFeatures()方法去获取所有feature直接获取是获取不到的，我也说不了这个是异步的还是说图层加载完成之后才能获取，所以我干脆就直接来个定时器代码：if(timer){ clearInterval(ti
原创
发布博客 2020.05.13 ·
468 阅读 ·
2 点赞 ·
1 评论 ·
0 收藏
加载更多