VUE3中使用proj4,实现坐标投影转换
VUE3中使用proj4,实现坐标投影转换
·
1.proj4 基本作用
官网地址:http://proj4js.org/,是这么说的,哈哈,英语不好,直接谷歌翻译
用于将坐标从一个坐标系转换到另一个坐标系的 JavaScript 库,包括基准面转换
2.基本方法
// npm安装
npm install proj4 --save
到此本以为可以正常使用了,但是意外还是出现了T_T
由于之前写项目的同事使用了vue3+ts+element-plus,直接npm install proj4 --save后,
在次运行项目,发现报出了element-plus的问题,当时简直一头雾水,使用了各种方式,都没能解决
在其他同事的提醒下,尝试新建一个项目,npm install proj4 --save了一下,找出安装的node_modules包,有如下三个
加到项目的node_modules下,并在package.json中,dependencies里加入proj4
"dependencies": {
"proj4": "^2.8.0",
......
},
下一步,在需要使用proj4的vue页面引入,这里proj4编译器可能提示找不到,先不用管
// 在需要的vue文件页面引用
import proj4 from 'proj4'
// 测试下~
console.log('proj4-->>>', proj4)
控制台中,proj4对象终于出现了!!!哈哈哈~
3.简单使用
刚刚使用,还比较小白,如有不对请指出~
先设置两个示例的基础投影坐标
// 北京54
const bj54 = proj4.defs("EPSG:4214", "+proj=longlat +ellps=krass +towgs84=44.745645865798,-100.37348291277885,-79.37086255592294,0.05323744846828353,1.6001266383655595,3.12522766589074,4.1736175275126327 +no_defs");
// 2000地理坐标系
const cgsc2000 = proj4.defs("EPSG:4490", "+proj=longlat +ellps=GRS80 +no_defs");
用如下方式,就可以使用Proj4做投影转换了
proj4('EPSG:4326', cgsc2000, [116, 39])
分别是,proj4(当前投影, 转换到的投影, [经度, 纬度])
更多推荐
已为社区贡献1条内容
所有评论(0)