- 博客(451)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 WGS84与GCJ02、BD09经纬度坐标转换介绍
WGS84是大地坐标系，这是一种国际通用的坐标，中国的大地坐标是CGCS2000，也是原始坐标系，一般的终端设备，如果自己有定位功能，比如车载系统，他们发出的gps坐标就是原始坐标，我们在一些地图应用中使用的定位，比如打车软件，其他自带地图的软件，他们一般都是火星坐标系GCJ02，需要进行一个坐标转换。而百度地图相关的应用，基本都是使用的百度坐标，这个是在火星坐标基础上进行的再次加密，所以它还是与火星坐标有关系。
2023-01-14 16:45:36
534
转载 mysql 空间数据多边形_Mysql 空间数据类型（入门教程）多边形、矩形、点相交包含等条件查询，常用函数详细介绍
介绍Mysql不仅支持普通的数据类型，还支持几何数据类型，并且能对几何数据类型进行查询(感觉好厉害！)
2022-06-09 09:43:51
771
1
原创 css cursor: url 自定义鼠标光标遇到的坑
1、大小不能大于32*32（切记）本人就是在这个上面栽了很久，一直出不来2、最好是 ico，cur格式3、使用绝对路径4、在逗号后面加通用游标，如官网所写示例：map.style.cursor = "url('/img/cursor.ico'), pointer";附：在线修改图片大小网址：在线图片大小修改器，图片尺寸修改，格式转换【免费】png等格式转ico:PNG转ICO - 在线转换图标文件...
2022-04-24 13:20:44
898
原创 gis 中常用cql 记录（mysql、sql server）（主要是投影转换）
//获取投影坐标SELECT ST_SRID(the_geom) from gis_fx_xjxzq// 更新投影，将投影转为 EPSG:4326update gis_fx_xjxzq set the_geom = st_geomfromtext(st_astext(the_geom),4326)// ST_AsText 方法返回表示几何的文本字符串SELECT ST_astext(the_geom) from gis_fx_cjqy// 根据坐标点转成 几何点...
2022-03-31 09:39:24
306
原创 ol-ext transform 对象，旋转、拉伸、放大(等比例缩放)，事件监听
官网示例地址：ol-ext代码地址：ol-ext: openlayers开源插件库文档api：查看OpenLayers - Welcome简单功能示例自己项目中用到的是 等比例缩放，旋转，拉伸等功能代码如下 import ExtTransform from 'ol-ext/interaction/Transform' import {always} from 'ol/events/condition' const ..
2022-03-23 18:10:23
1706
原创 cesium 3dtiles 模型裁切
Cesium Sandcastle 官网示例熟悉cesium 的apiClippingPlaneCollection ClippingPlane Plane Cesium3DTileset CallbackPropertyClippingPlane 可以控制裁切方向，值不同，裁切方向也不同水平裁切垂直裁切mapReady(){ // 地图加载完成 this.initMouseEvt(); // 添加鼠标事件}点击裁切按钮 执行tiles...
2022-02-18 16:02:26
1169
原创 http://localhost:8080/undefined/Assets/IAU2006_XYS/IAU2006_XYS_17.json
记vue 加载cesium 框架时，加载静态文件，路径中出现undefined解决方法： 在index.html中引入一下就可以了
2022-02-10 10:48:47
1166
5
转载 常用坐标系统
一对名词：WKID与EPSGWKID即Well Known ID，众所周知的ID号的意思。EPSG是管理这些ID号的一个组织，网站是EPSG.io: Coordinate Systems Worldwide如：查看4490https://epsg.io/China Geodetic Coordinate System 2000 - EPSG:4490通常来说，一个GIS里的坐标系统，必须有一个WKID，某些特别的除外，下面会讲。例如，WKID=4326，即WGS84这个地理坐标系统.
2021-10-29 13:23:25
1406
转载 npm ERR
npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`网速不好或者版本过高，用淘宝镜像安装npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass
2021-10-29 11:15:34
156
转载 Cesium 中的pick
在cesium中，想获取不同的对象，需要通过pick方法来进行拾取，但是Cesium中有多种pick的方法，例如 scene中有pick、pickPosition、及drillPick等，camera中有getPickRay、pickEllipsoid等，globel中有pick；先来分类说一下各个pick的作用：scene中（一般用来获取entity对象）：pick：scene.pick可以通过此方法获取到pick对象，通过pick.id即可拾取当前的entity对象，也可以获取Cesium3
2021-10-08 17:24:30
835
3
转载 Cesium orientation 和 设置初始角度
一. Cesium orientationorientation-相机镜头对准的方法.heading-代表镜头左右方向,正值为右,负值为左,360度和0度是一样的pitch-代表镜头上下方向,正值为上,负值为下.roll-代表镜头左右倾斜.正值,向右倾斜,负值向左倾斜二. 设置初始化角度1.先用鼠标手动调整出你想要的角度这里viewer是new出来的地图实例打印出你调整好位置的实例的参数console.log(viewer.scene.ca...
2021-10-08 10:19:25
1731
转载 TypeScript中的泛型工具
原文链接：https://juejin.cn/post/6844904147167215624#heading-1本期涉及的操作符如下：Partial Required Readonly Pick<T,K extends keyof T> Record<K extends keyof any, T> Exclude<T,U> Extract<T,U> Omit<T, K extends keyof any>首先还是先讲述一.
2021-07-23 16:24:23
251
转载 typescript 中的keyof、 in
keyof定义keyof与Object.keys略有相似，只是 keyof 是取 interface 的键，而且 keyof 取到键后会保存为联合类型。interface iUserInfo { name: string; age: number;}type keys = keyof iUserInfo;keyof 的简单栗子我们有这样一个需求，实现一个函数 getValue 取得对象的 value。在未接触 keyof 时，我们一般会这样写：fu.
2021-07-23 16:18:03
7641
6
转载 前端路由原理
前言前端三大框架 Angular、React、Vue，它们的路由解决方案 angular/router、react-router、vue-router 都是基于前端路由原理进行封装实现的，因此将前端路由原理进行了解和掌握是很有必要的，因为我们再使用的过程中也难免会遇到一些坑，一旦我们掌握了它的实现原理，那么就能在开发中对路由的使用更加游刃有余。一、什么是路由？ 路由的概念起源于服务端，在以前前后端不分离的时候，由后端来控制路由，当接收到客户端发来的 HTTP 请求，就会根据所请求的相应 UR.
2021-07-14 11:22:08
234
转载 vue3重点！一文了解Composition API新特性：ref、toRef、toRefs
在上一篇文章中，我们初步了解了vue3的新特性，今天，我们将延续Composition API的话题，来了解Composition API带来的新特性：ref、toRef和toRefs。下面开始进入本文的讲解✨一、????如何理解ref、toRef和toRefs1、ref、toRef和toRefs是什么（1）ref1）ref是什么ref可以生成值类型（即基本数据类型） 的响应式数据； ref可以用于模板和reactive； ref通过.value来修改值（一...
2021-07-07 10:53:35
641
转载 用Vue.extend()来做一个全局提示组件
相信很多人用vuejs构建单页应用时都会用到一些全局方法，比如发ajax请求时喜欢用axios挂载到vue原型上，如下：// 1 引入vue和axiosimport Vue from 'vue'import axios from 'axios'// 2 对axios的一些封装// code ...// 3 然后挂载到原型上Vue.prototype.$axios = axios用的时候就直接上this.$axios// 用axios.get()方法可以这样用this.$ax
2021-06-29 16:11:04
208
原创 vue 中动态添加html元素并绑定点击事件onclick
方法中动态添加html元素getWindContent(){ return `</div> <span style="cursor: pointer;" onclick="closeMaker()"> <img class="img" src="/assets/svg/close-white.svg" /> </span> </div>`}mounted中window.closeMak
2021-06-28 09:48:27
10979
5
转载 Vue + Scss 动态切换主题颜色实现换肤
根据预设的配色方案，在前端实现动态切换系统主题颜色。大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量。这里可以选择持久化Vux或接口来保存用户选择的主题。一、首先需要给项目下载配置Scss1.安装依赖npm installnode-sasssass-loader --save-dev2.找到build中webpack.base.conf.js,在rules中添加scss规则{..
2021-06-25 11:06:26
4136
7
转载 Vue中:error ‘XXXXX‘ is not defined no-undef解决办法
报错内容:× Client Compiled with some errors in 7.42s√ Server Compiled successfully in 6.05s ERROR Failed to compile with 1 errors friendly-errors 17:33:15 ERROR in ./pa
2021-06-11 14:56:08
6876
转载 OpenLayers 4 ol.source 详解
source 是 Layer 的重要组成部分，表示图层的来源，也就是服务地址。除了在构造函数中指定外，还可以使用 layer.setSource(source) 稍后指定。一、包含的类型ol.source.BingMaps ，必应地图的切片数据，继承自ol.source.TileImage； ol.source.Cluster，聚簇矢量数据，继承自ol.source.Vector； ol.source.ImageCanvas，数据来源是一个 canvas 元素，其中的数据是图片，继承自 ol.
2021-06-09 11:18:21
569
原创 vue 预览pdf
<embed src="https://www.iowfsop.com/img/static_jcts_cgn/20210608/%E6%B5%B7%E4%B8%8A%E4%BD%9C%E4%B8%9A%E5%AE%89%E5%85%A8%E6%8F%90%E7%A4%BA_%E7%A6%8F%E5%BB%BA%E5%B9%B3%E6%BD%AD%E6%B5%B7%E4%B8%8A%E9%A3%8E%E7%94%B5%E5%9C%BA_202106080800.pdf" type="appl.
2021-06-08 11:40:29
65
转载 TS学习笔记：命名空间
在确保我们创建的变量不会泄露至全局变量中，我们以前曾采用过这种代码组织形式：(function(someObj){ someObj.age = 18;})(someObj || someObj = {});但在基于文件模块的项目中，我们无须担心这一点，此种方式，适合用于合理的函数逻辑分组中，在 TypeScript 中，提供了 namespace 关键字来描述这种分组，在 typescript 编译器进行编译过后，命名空间也就被编译成了上述示例那样的代码。命名空间的声明Typ
2021-05-13 14:20:26
292
转载 TS学习笔记（十）：命名空间
在确保我们创建的变量不会泄露至全局变量中，我们以前曾采用过这种代码组织形式： (function(someObj){ someObj.age = 18;})(someObj || someObj = {}); 复制代码 但在基于文件模块的项目中，我们无须担心这一点，此种方式，适合用于合理的函数逻辑分组中，在 TypeScript 中，提供了 namespace 关键字来描述这种分组，在 typescript 编译器进行编译过后，命名空间也就被编译成了...
2021-05-13 14:15:07
255
原创 watch和watchEffect
学习笔记记录（内容来源于官网）watchvue3watch用法和vue变化也不是特别大，vue3支持侦听多个数据源用法没太大变化：wach是一个钩子函数，支持传入三个参数（个人理解）1、监听对象2、回调函数（可以拿到当前值，和上一次的值）3、对象：是否深度监控属性变化等{deep:true}// 侦听一个 getterconst state = reactive({ count: 0 })watch( () => state.count, (count, pr
2021-05-12 15:08:00
492
原创 vue3 computed和watch
学习笔记记录（内容来源于官网）computedvue3 计算属性和vue2变化不大，只需要注意，它返回的是一个响应式的ref对象,所以在使用的时候需要.value(模板中使用不需要，会自动展开)const count = ref(1)const plusOne = computed(() => count.value++)console.log(plusOne.value) // 2plusOne.value++ // error也支持通过set和get创建可写的ref对象
2021-05-12 11:32:51
136
原创 vue3 setup使用（详细）
官网vue3-setup总结：1、setup 函数时，它将接受两个参数：（props、context(包含attrs、slots、emit)）2、setup函数是处于 生命周期函数 beforeCreate 和 Created 两个钩子函数之间的函数3、执行 setup 时，组件实例尚未被创建（在 setup() 内部，this 不会是该活跃实例的引用，即不指向vue实例，Vue 为了避免我们错误的使用，直接将 setup函数中的this修改成了 undefined）4、与模板一起使用：
2021-05-10 17:34:50
55667
6
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人