- 博客(76)
- 收藏
- 关注
RSS订阅原创 【arcMap使用点要素对线要素进行切割】
使用工具 split line at point，注意下面这边一定要填一个很小的值，不填发现无法切割成功，这边做一个备注。如果不需要 记得抹除掉Z，或者计算的时候去对应工具的environment中把Z value计算改成disabled。在arcmap中 使用工具 Generate Points Along Lines。如果是QGIS，可以使用如下插件 QChainage 一样可以实现沿线等距离打点。
2023-12-13 09:46:44
524
原创 基于openlayer展示mapbox样式的矢量切片
这个地址来的，使用谷歌账号登陆，里面有一些的OSM数据，可以下载，然后用Geoserver可以发布其矢量切片，公开免费数据下载地址https://data.maptiler.com/downloads/planet/格式为mbtiles，geoserver代理需要使用插件进行发布。需要使用ol-mapbox-style这个库。在项目总，只要能取到那个样式的对象就可以了。apply方法的引入方式如下。
2023-09-25 13:49:52
327
原创 【基于React-Native做位置信息获取，并展示出来】
模拟器内更改位置是立即执行的，但是到手机里面就只执行一次了，所以我给了interval，具体原因位置，另外本来项目与webview通信应该用postmessage通信，但是打完包后，挂在window下的function拿不到，具体原因还不清楚，所以只能在项目中强制监听了，然后在html中自己写事件去触发自己，在项目中。在这个里面最重要的是两个部分，一个是位置定位的权限获取，一个是实时位置的监听，在安卓项目中，在。该文件下，在< manifest > 标签内写入以下权限。
2023-09-25 13:37:19
479
转载 ArcGIS 批量生成 UUID 作为唯一 ID
UUID通用唯一识别码（英语：Universally Unique Identifier，缩写：UUID）是用于计算机体系中以识别信息数目的一个 128 位标识符，还有相关的术语：全局唯一标识符（GUID）。根据标准方法生成，不依赖中央机构的注册和分配，UUID 具有唯一性，这与其他大多数编号方案不同。重复 UUID 码概率接近零，可以忽略不计。UUID 主要有五个算法，也就是五种方法来实现算法方式介绍uuid1基于时间戳由 MAC 地址、当前时间戳、随机数生成。可以保证全球
2021-04-29 11:26:50
3422
2
原创 在JS中如何比较两个时间字符串的大小
function CompareDate(d1,d2){ //将所有的短横线替换为斜杠 return ((new Date(d1.replace(/-/g,"\/"))) > (new Date(d2.replace(/-/g,"\/"))));}var current_time = "2007-2-2 7:30";var stop_time = "2007-1-31 8:...
2021-03-09 09:58:00
363
原创 根据地图的level及经纬度，算出其所对应切片的XYZ整列
需求：通过给定的坐标和层级，算出其所对应的瓦片位置(xyz) function calculateTileXY(_lon, _lat, _level) { let topTileFromX = -180; //坐标系原点的x的值，我这里用的4490， let topTileFromY = 90; //坐标系原点的y的值 //根据你自己对应的切片方案改，这个就是其分辨...
2021-03-02 17:30:00
2190
原创 openlayer加载arcgis服务
1、ArcGIS动态服务import ImageLayer from 'ol/layer/Image';import CustomImageArcGISRest from "./CustomImageArcGISRest";function createDynamicArcGISLayer (url, zIndex, radio) { if (!radio) radio...
2021-01-27 19:24:00
534
原创 openalayer在4528下加载天地图
import Tile from 'ol/layer/Tile'import XYZ from 'ol/source/XYZ'const OlSetting= {}OlSetting.TDT_TYPES = { 'VEC_C': 'vec_c', //矢量经纬度 'VEC_W': 'vec_w', //矢量球面墨卡托 'CVA_C': 'cva_c',//矢量经纬...
2021-01-27 19:11:00
256
2
原创 常用的坐标系定义方法
import proj4 from "proj4";import {register} from "ol/proj/proj4";import {Projection} from "ol/proj";function definedProjection (_epsg) { let projection; switch (_epsg) { case 'EPS...
2021-01-27 19:07:00
893
原创 关于IE11浏览器同意请求只执行一次的解决方法
在IE11,import axios from "axios";let ser = axios.create({ headers: { 'Cache-Control': 'no-cache' }});ser.interceptors.request.use(config => { if (config.method === 'post' || co...
2021-01-27 19:03:00
225
原创 基于Vue+iView+OpenLayer在IE11上运行的方法总结
因为项目要求必须在IE11上面运行，经过了多次尝试，特此总结方法1、webpack.base.conf.js中 { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test'),resolve('static'), res...
2021-01-27 18:54:00
209
原创 vue 树形目录结构
原先使用的是Ztree，后来因为更多的定制化要求，还是手写一个算了<template> <div> <menu-tree :nodes="nodes" :selected="currentCameraId"></menu-tree> </div></template><script...
2021-01-27 17:04:00
983
原创 css中DIV中字过多时，使用省略号的方法
<div style=" overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 218px;"> {{ data.label }}</div>一定要给宽度！！！！...
2021-01-26 15:16:00
305
原创 hls.js在vue中的使用
---cnpm install hls.js --save<template> <video ref="videoRefsmall" :width="(16/9)*smallVideoHieght" :height="smallVideoHieght" controls></video></templa...
2021-01-17 15:04:00
2922
原创 关于在Vue中使用ZTree
在大数据量场景下Vue的数据监听机制决定了让渲染性能被降低，基于Vue实现的常规树组件几乎无法胜任上万条数据的高性能渲染，在IE浏览器(即便是IE11)中很容易导致页面卡死在，这个领域ztree是当之无愧最成熟的方案。有前辈使用了vue-giant-tree组件对Ztree进行了vue的封装，但是因为没有全部将ztree的接口暴露出，无奈还是得使用原生ZTree，本来我是用npm去装z...
2021-01-15 23:07:00
1189
原创 Vue-Cli脚手架搭建详细步骤
vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。1.安装vue-cli①使用npm(需要安装node环境)全局安装webpack，打开命令行工具输入：npm install webpack -g或者(npm install -g we...
2020-12-15 14:00:00
96
原创 openLayer加载ArcGIS切片
OpenLayer中加载ArcGIS服务提供了最常用的TileArcGISRest方法，实际上我们从浏览器的network捕捉的每次的请求链接亦或者看其源码，都会发现，它实际上调取了arcserver的REST API中的export接口，对于普通的服务来说确实足够了，但是对于地图服务内容比较多的服务，使用export的方法，会加大服务器的承担量，会出现加载等待的情况。所以我们需要...
2020-12-15 13:53:00
642
原创 OpenLayer对容器Map自定义坐标系
OpenLayer原则上只支持EPSG:4326和EPSG:3857，其中EPSG:3857是创建容器时，如果不声明，默认使用的坐标系，那么如果需要别的坐标系的话，就需要自己定义和配置，一般情况下，自定义坐标系都是可以在EPSG.IO上面找到对应的EPSG所对应的详细参数下面时配置方法1、引入Proj4.jsnpm i proj4 //npm安装proj42、定义坐标系...
2020-12-15 11:43:00
316
原创 Vue的EventBus设置
EventBus可以很方便的进行子组件之间的通信，有时候就可以不用回传到父组件，再转走设置方法：我习惯对整个项目使用一个EventBus，方便管理，创建一个js，命名为EventBus.js，放置位置在@/util/EventBus.js这个位置在该js中设置：import Vue from 'vue'export default new Vue();使用导入:i...
2020-12-15 11:21:00
145
原创 超图iServer图层过滤渲染服务
使用iServer作为服务端，对已发出的超图rest服务如何做过滤展示，使用的是Vue1、需要引入的依赖 import {LayerStatus} from "@supermap/iclient-common/iServer/LayerStatus" import {SetLayerStatusService} from '@supermap/iclient-common/i...
2020-12-15 10:55:00
675
原创 Vue函数有回调参数，添加参数时如何保留默认回调参数
前端在用iview组件，但是他有默认传参，如果带上自己想一起带到方法的参数 <Switch v-model="switch1" @on-change="change" />如果直接使用@on-change="change"这个所指向的方法 那么就会返回默认传参 true | false但是我需要传递别的值进去可以使用$event来表示默认参数，写法是 &...
2020-12-15 10:30:00
966
1
原创 vue项目Cesium配置详解（适用于Cesium1.60以上版本）
一、Cesium环境配置1.安装Cesiumnpm install cesium --save2.在build/webpack.base.conf.js下①定义cesium源码路径const cesiumSource = '../node_modules/cesium/Source'②在module.exports中，output添加sourcePrefix:' '...
2020-12-04 16:24:00
1884
原创 IIFE解析
1. 定义IIFE: Immediately Invoked Function Expression，意为立即调用的函数表达式，也就是说，声明函数的同时立即调用这个函数。对比一下，这是不采用IIFE时的函数声明和函数调用：function foo(){ var a = 10; console.log(a);}foo();下面是IIFE形式的函数调用：(functi...
2020-12-01 16:34:00
107
原创 ThreeJS读取GeoJson文件，绘制地图板
从网上大神那儿找来的代码，稍微修改了一下，ThreeJS感觉好难用，文档写的太简单了，不好下手<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>3D</title> <link href="./...
2020-05-10 20:08:00
2836
原创 Echarts使用心得------3D地图渲染
最近开始写前端了，好多东西都在摸索，比之前要忙了，但是笔记还是要记的，趁难得闲下来，总结总结最近的一些新东西。用Echarts做三维地图，需要有GeoJson数据，且对数据是有要求的，想要绘出地图，它其中properties的属性中必须要有name字段，我一开始shp里面的字段名叫NAME，是大写的，导出为geojson后就读不出来了，改为小写就好了，巨坑。另：坐标系要4326...
2020-05-10 19:50:00
1800
3
原创 【Vue】 生命周期， created，mounted, methods , computed , watched
生命周期：用通俗的语言来说，就是Vue中实例或者组件从创建到消灭中间经过的一系列过程。beforecreate : 一般使用场景是在加 loading事件 的时候created ：处于loading结束后，还做一些初始化，实现函数自执行（data数据已经初始化，但是DOM结构渲染完成，组件没有加载）beforemount：处于组件创建完成，但未开始执行操作mounted ：处于发起...
2020-04-13 17:12:00
691
原创 Linux部署geoserver
JAVA环境Linux CentOS 7.5yum 3.4.3java-1.8.0（这里不建议更低版本，可能装Geoserver会有问题）准备工作查看是否有yum环境rpm -qa | grep yum操作步骤查看是否有Java环境rpm -qa | grep java安装Java环境yum -y install java-1.8.0-openjdk*...
2020-03-31 17:21:00
685
原创 Linux部署geowebcache
linux部署geowebcache和windows差不多，我是用yum安装的tomcat，一般情况下需要将Geoserver以及geowebcache的文件夹权限都改为所有者是tomcat 权限777例如：更改文件所属者chown R tomcat:tomcat 文件夹名称权限改为777chmod -R 777 文件夹名称 -R表示递归该文件夹下所有的文件...
2020-03-31 17:16:00
440
原创 Tomcat 访问Manager APP报403错误解决方案
原文连接为：https://blog.csdn.net/qq_36935391/article/details/81814505Tomcat 访问Manager APP报403 解决方案（虚拟机可以正常使用，外网访问报错），虚拟机中Tomcat启动后，可以访问项目（虚拟机里面和外面都可以）。虚拟机中能够正常进入manager app进行热部署工作，但是在外面能访问tomcat首页，点击...
2020-03-25 09:33:00
252
原创 chrome浏览器的跨域设置
原文链接https://www.cnblogs.com/shihaiming/p/10984394.html版本号49之前的跨域设置先介绍一下老方法，参考了一些网上的教程，其实直接在打开命令上加--disable-web-security就可以了。具体做法为：1.下载并安装好chorme浏览器后在桌面找到浏览器快捷图标并点击鼠标右键的属性一栏。2.在属性页面中的目标输入框里加...
2020-03-23 14:37:00
122
原创 Cesium加载Geowebcache切片
1、会有跨域问题，谷歌浏览器跨域解决方案2、加载代码： let parameters = { service: 'WMS', format: 'image/png', tiled: true, //是否是切片 version: '1.1.0', SRS: 'EPSG:3857', ...
2020-03-23 14:34:00
608
原创 Vue开发--脚手架的搭建
1、安装好Node.js2、命令台 node -v 确认版本3、全局安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org4、命令台 cnpm -v5、命令台cnpm i -g @vue/cli 脚手架安装6、安装路由 npm i vue-r...
2020-03-13 17:30:00
139
原创 OpenLayers动态测量距离和面积，并可自定义测量的线样式
全局操作变量/** * @description 标注弹出框 */HtmlPopup = null;/** * @description 临时图层类数据源 */VectorSource = null;/** * @description 绘图工具 */Draw = null; let measureTooltipElement; let ...
2020-01-15 10:49:00
1018
原创 OpenLayers要素拖拽
//拖拽要素 function dragFeature (_map,_dragEndCallback) { let selFeature = null; _map.on("pointerdrag", function (evt) { selFeature = _map.getFeaturesAtPixel(ev...
2020-01-15 10:12:00
1764
1
原创 改造SuperMap的DrawHandler接口，自定义绘制的图形样式
超图WebGL三维接口中有一个绘制的接口（new Cesium.DrawHandler(viewer, mode,clampMode)，它封装了绘制完之后的式样，画完之后捕捉绘制完成的实体有一定的难度，而且样子也改不了，所以我对其Drawhandler的方法做了变形，只使用其绘制中的预览效果，最终画完的东西按我们自己的来，我们只抓取绘制的点。原理是使用Drawhandler的dra...
2020-01-15 10:06:00
728
原创 Cesium动态绘制实体（点、标注、面、线、圆、矩形）
//自定义绘制图形，支持 点，线，面，矩形，圆，标识，可自定义绘制过程中的和绘制完的预览 this.drawGraphic = function(view,_mode,_callback,_GraphicProperty){ //清空所有可能的监听和画到一半的图形 if(handler){ handler.remove...
2020-01-15 09:52:00
4296
1
原创 ArcMap制图遇到的小问题
情况一在attributes table中查看，发现是一条记录，实际上这一条记录由多个面要素组合而成，且彼此间没有交集，现在需要把他们全部分开来，单独独立变成一条要素记录方法：Editor-->start editing-->More Editing Tools-->Advanced Editing-->Explode Multipart Feature，选...
2020-01-10 10:23:00
1351
原创 GeoServer 2.15.0版本跨域问题解决方法
geoserver默认不开启跨域设置，开启步骤如下：1、修改配置文件web.xml，该配置文件的路径如下\webapps\geoserver\WEB-INF\web.xml2、搜索：cross-origin，将注释的部分解注。 <!-- Uncomment following filter to enable CORS --> <filter>...
2019-12-20 13:52:00
536
原创 GeoServer 2.15.2版本跨域问题解决方法
geoserver默认不开启跨域设置，开启步骤如下：尝试以下几种方法：方法一：1、修改配置文件web.xml，该配置文件的路径如下\webapps\geoserver\WEB-INF\web.xml2、搜索：cross-origin，将注释的部分解注。 <!-- Uncomment following filter to enable CORS --> ...
2019-12-20 13:52:00
116
原创 基于Tomcat部署的Geoserver配置Geowebcache，并转发ArcGIS切片
1、将GeowebCache的war包解压到tomcat的webapp下，打开war包中的WEB-INF中的web.xml文件，同时创建一个你想保存geowencache的切片的空文件夹，例如我命名叫arcgis web.xml文件中 添加<context-param>节点，param-value是你所建的文件夹<context...
2019-12-19 17:23:00
1009
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人