xing_1209的博客

原创 vue3+TS的项目记录一

Vue & TypeScript 初体验 - TypeScript中的Interface：https://juejin.cn/post/6844904017957486599。1.Vue3+Ts 项目中 定义 ref 实例 的类型：https://juejin.cn/post/6978035248487464974。涉及知识点：状态管理、vuex框架、state状态、getter方法、mutation、action、module。1.vuex采用集中的方式管理所有组件的状态。2.多组件共享状态的管理方法。

原创 threejs

threejs1.OrbitControls控制器1）参考文章2）代码2.文字标注1）参考文章2）代码1.OrbitControls控制器1）参考文章three.js轨道控制器OrbitControls.jsthree.js中OrbitControls.js的属性与方法2）代码//添加轨道控制器map3d.controls = new THREE.OrbitControls(map3d.camera, map3d.renderer.domElement);map3d.controls.tar

原创 canvas

canvas一、参考二、用法三、目标一、参考https://www.runoob.com/html/html5-canvas.htmlhttps://www.w3school.com.cn/tags/html_ref_canvas.asphttps://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_usage二、用法Canvas的常见用法Canvas之translate、scale、rotate、skew方

原创 【2022/3/10工作记录】

2022/3/10工作记录一级目录一级目录import Geometry from ‘ol/geom/Geometry’; let feature=fea.clone(); let gemo = feature.getGeometry(); let transGemo=gemo.transform("EPSG:3857", "EPSG:4326");

原创 2022.2.22

this.$axios.get(url+'/fields.json').then(res => { console.log(res.data.childUriList,'ssssss444444444444') let resData=res.data let index=0 await self.ccc(resData.childUriList,arr) console.log(arr) resData.childUriList.fo...

原创 面试知识点总结

面试JS继承封装多态闭包JS继承js继承的原理深入JavaScript继承原理JS继承的原理、方式和应用【原型和原型链】什么是原型和原型链JavaScript 进阶教程(3)—让你彻底搞懂原型链和继承原型链面试回答封装Js三大特性–封装、继承以及多态JS的封装与继承多态闭包...

原创 2022-2-9工作记录

2022-2-9工作记录OGC服务http请求头 token其他OGC服务openlayer3 添加arcgis 发布的wms 服务（矢量非切片）OGC——WMS详细介绍（arcgis server举例）arcmap发布wms服务并用openlayers加载Openlayers调用GeoServer发布的WMTS地图服务https://www.cnblogs.com/kkyyhh96/p/7884694.htmlopenLayers中WMTS结合GeoServer呈现瓦片地图http请求头

原创 2021-1-19工作记录

2021-1-19工作记录1. supermap服务1.1 rest服务2. arcgis服务2.1 rest服务1. supermap服务1.1 rest服务2. arcgis服务2.1 rest服务

原创 2022-1-17工作记录

2022-1-17工作记录supermap初始化地图报错1.tileSource.getInterpolate is not a function三级目录supermap初始化地图报错1.tileSource.getInterpolate is not a function <div id="base_map" style="width: 100%; height: 100%;"> </div> // 初始化地图 initMap() {

原创 ol/interaction之——select

ol/interaction之——select一、参数二、事件1.select事件参考文章一、参数import Select from ‘ol/interaction/Select’; this.selectClick = new Select({ condition: click,//click点击，pointerMove鼠标指针移动 }); this.map.addInteraction(this.selectClick)二、事件1.select事件 sele

原创 GIS学习资料与网站

学习资料与网站1. osgeo中国中心2. 麻辣gis1. osgeo中国中心网站：https://www.osgeo.cn/可以学习到：geoserver用户手册，‘QGIS文档，python。。。2. 麻辣gis网站：https://malagis.com/可以学习到：QGIS中文文档...

原创 2021-12-8工作记录

2021-12-8工作记录svg图片遇到的问题1. Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The HTMLImageElement provided is in the 'broken' state.2. openlayers+vue svg 修改颜色svg图片遇到的问题1. Failed to execute ‘drawImage’ on ‘CanvasRenderingContext2D’: The HTMLIm

原创 2021-12-2 工作问题记录

2021-12-2一、拾取坐标二、2.5维建筑物三、北京54转WGS84一、拾取坐标百度、高德都有自己的拾取坐标工具。下图是百度：百度拾取坐标工具下图是 openlayers的 ol-mouse-position的结果：两者有距离差，二、2.5维建筑物geoserver的实现三、北京54转WGS84在arcmap中空间校正 没有成功，误差很大ArcGIS中提供的北京54与wgs84坐标转换方法及参数91卫图软件用户手册 这个方法还没有试...

原创 欢迎使用Markdown编辑器

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

原创 2021-08-02

openlayer地图鼠标样式参考文章二级目录参考文章openlayers鼠标悬停,鼠标点击事件openLayers 地图 鼠标移入显示坐标、显示手指、点击事件css cursor url用法格式详解OL2中设置鼠标的样式网页鼠标指针样式（cursor属性）CSS - 鼠标指针样式详解（cursor光标样式、自定义指针图片）css Cursor:url()自定义鼠标指针样式为图片二级目录...

原创 2021年度总结

2021年度总结（一）实习期1-6月（二）工作期7月（一）实习期1-6月主要学习了vue,JQuery, JS API 3.X（二）工作期7月公司对我的学习建议：1. 三维（JS API 4.X, scruim） 2. 一些深层次的东西工作内容：编写vue-layer组件，学会了打包上传，geoserver发布和调用服务，开始和前后端人员进行接口对接主要学习了openlayers, geoserver...

原创 turf.js系列

turf.js系列参考文章参考文章turf.js官方文档turf.js字典——查询turf库的所有方法及用途

原创 openlayers6热力图+vue

openlayers6热力图+vue参考文章参考文章

原创 openlayer6+geoserver地图服务

openlayer6+geoserver+tilewms+filter过滤参考文章参考文章openlayers学习（三） wms图层过滤条件filterjava cqlfilter_openlayers+geoserver WMS过滤CQL_FILTER查询动态刷新图层geoserver 踩坑记录OpenLayers + GeoServer 实现(扩展的)通用查询语言(CQL/ECQL)...

原创 坐标系一些问题

ArcGIS那点事儿一，坐标投影一，坐标投影

原创 geoserver发布和查看服务

geoserver发布和查看服务geoserver添加新的数据存储时找不到文件geoserver添加新的数据存储时找不到文件

原创 gitee怎么上传代码到仓库

gitee怎么上传代码到仓库方法1. 在本地新建文件目录方法2. 在本地项目上右键方法3. 使用VScode提交项目到gitee（踩坑经验）在vscode中点击推送，上传代码失败方法1. 在本地新建文件目录gitee使用教程，创建项目仓库并上传代码图文详解——将本地项目上传到码云(gitee)远程仓库方法2. 在本地项目上右键Git建立本地仓库并上传到Gitee方法3. 使用VScode提交项目到gitee（踩坑经验）在vscode中点击推送，上传代码失败全局配置git

原创 npm打包发布过程+问题解决汇总

npm打包发布前言创建一个vue项目实现element-ui的按需引入，按需打包加载（1）参考文章发布npm包使用自己的npm包更新npm包前言如何发布自己的npm包（超详细步骤，博主都在用）能实现打包，但不是我想要的效果。只是新建一个plugins文件夹，用来放组件。https://blog.csdn.net/qq_31851435/article/details/106647833创建一个vue项目全局安装vue-cli：npm install -g @vue/cli实现elemen

原创 ArcGIS API ——后果评价结果

后果评价结果（一）1. 用户需求2. 问：3. 答：4. 最后实现：（一）1. 用户需求点击查看数据按钮，把现在页面上的筛选条件显示到地图上，以背景透明的悬浮框显示，在最前面加上结果类型的下拉框，包括：温度场、风场、污染物扩散浓度、公众剂量结果、防护行动建议，几个选项。选择了温度场、风场、防护行动建议时，只能点击确定按钮，把选择的数据加到地图上，选择了浓度和剂量结果时，再显示现在的筛选条件，一直到选择了最后一级筛选，确定了一份数据时，才可以点击确定按钮，把结果加到地图上。2. 问：3. 答：4

原创 openlayers——（一）缓冲区分析

缓冲区分析（一）turf坐标转换1. 问：2. 答：3. 最后实现：（二）查询和缓冲面相交的点1. 问：2. 答：3. 最后实现：（三）获取相交点（点集）中的坐标（一）turf坐标转换1. 问： turf.lineString(), turf.length() 必须是地理坐标系吗？？ 我用的是 3857坐标系，好像不行。我想转换坐标系试一下，但是 坐标数据太多，转换出错了，代码没写对 怎么批量转换坐标系啊？？ 我只能搜到 transform() 这种方法2. 答

原创 GIS风场渲染

GIS风场渲染一、引入svg格式图片1、问：2、 答：3、 最后实现：二、图标大小随地图缩放1、问：2、 答：一、引入svg格式图片1、问： arcgis官网里 这两行代码是什么意思啊？ 我想把svg格式的图片引入到代码里，该怎么写？ setPath("M14.5,29 23.5,0 14.5,9 5.5,0z") 是引入图片的路径吗？我改了两次 都不对，2、 答：你这个字符串是svg格式， mz分别是svg的起止标记，setpath应该是指绘制svg

原创 JQuery动画效果

原创 HTML特殊转义字符

HTML特殊转义字符tool.oschina

原创 Dojo

风场效果渲染一级目录二级目录三级目录一级目录二级目录三级目录

原创 JS的parent对象

parent表示的父窗口，它的属性和window是一样的Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系：Windwo对象→Parent对象→Frame对象→Document对象→Form对象，如下：parent.frame1.document.forms[0].elements[0].value;...

原创 菜单栏的设计

菜单栏的设计实现效果：菜单栏分为左中右三部分，从后端动态获取菜单项 填充到左右，中间部分为图片 退出 登录 下拉框(一)vue页面的设计1.动态获取后台数据，生成菜单项getMenu () { //获取菜单列表 Vue.axios.get(config.storebaseurl + '/static/html/menuTreeListByRoleId/' + this.roleid).then(res => { res.data.data.forEach(item =&gt

原创 JS实现的一些css效果

实现效果： 搜索定位框和放大缩小框 会随着左侧的图层树移动：当图层Tree隐藏时，其位置

原创 拾取坐标功能

功能描述： 拾取坐标用户点击vue中的Button后，#mermaid-svg-LjpYJ9rl2OWsWhAt .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-LjpYJ9rl2OWsWhAt .label text{fill:#333}#mermaid-svg-LjpYJ9rl2OWsWhAt .node

原创 HTML DOM对象及各种方法

HTML DOM Document 对象(一) HTML DOM 节点在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点:文档是一个文档节点。所有的HTML元素都是元素节点。所有 HTML 属性都是属性节点。文本插入到 HTML 元素是文本节点。-注释是注释节点。(二)Document 对象当浏览器载入 HTML 文档, 它就会成为 Document 对象。Document 对象是 HTML 文档的根节点。Document 对象使我

原创 JavaScript中的方法

(一) push()方法1. 定义和用法数组中添加新元素:var fruits = [ "Banana", "Orange", "Apple"， "Mango"];fruits.push("Kiwi")fruits结果输出:Banana,orange,Apple,Mango,Kiwi(二) append()方法1. 定义和用法在所有<p>元素结尾插入内容:$( document).ready(function(){ $("#btn1").click(function(

原创 $.ajax的使用以及转变为vue

$.ajax的使用以及转变为vue(一). ajax异步刷新1 常见的参数 var configObj = { method //数据的提交方式：get和post url //数据的提交路径 async //是否支持异步刷新，默认是true data //需要提交的数据 dataType //服务器返回数据的类型，例如xml,String,Json等 success //请求成功后的回调函

转载 jquery项目转vue

jquery项目转vue转载文章https://blog.csdn.net/violetjack0808/article/details/51451672，为了方便自己查看，后续加一些自己的总结。(一) jQuery和Vue的区别jQuery是使用选择器 ($) 选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象，而数据和界面是在一起的。比如需要获取label标签的内容：$("lable").val();，它还是依赖DOM元素的值。

原创 vue表单输入绑定

vue表单输入绑定用 v-model指令在表单<input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。在JS的data 选项中声明初始值。 下面这句话怎么理解？？？v-model 在内部为不同的输入元素使用不同的 property 并抛出不同的事件：text 和 textarea 元素使用 value property 和input 事件；checkbox 和 radio

原创 css样式中的居中问题(一)

css样式中的居中问题1.div中的div水平居中2.div中的form水平居中分析原因: form只是一个表单而已，对页面根本就没有布局上的作用.，因此无论怎么设置都是无法居中，但是依旧有办法解决的;解决办法: 在外面套一层<div style="width:100%;text-align:center"></div>3.div中的table水平居中有时候在div中加上<div style="text-align:center"></div>

原创 css样式中的其他问题（二）

css样式中的其他问题1.设置label的宽度 display:inline-block;2.form中label标签对齐，内容右对齐 给label设置—个固定长度即可: label{ display:inline-block; width:100px; text-align:right; }3.按钮位置4