Vue+Openlayers 坐标转换

最新推荐文章于 2024-04-26 09:55:30 发布

小zhi学习

最新推荐文章于 2024-04-26 09:55:30 发布

阅读量1.7k

点赞数 4

分类专栏： vue+ol 文章标签： vue.js css css3

本文链接：https://blog.csdn.net/qq_53273102/article/details/121655328

版权

vue+ol 专栏收录该内容

4 篇文章 2 订阅

订阅专栏

前篇提到openlayers帮我们提供的投影坐标系projection参数只有两个 EPSG:4326、EPSG:3857。

对于这两个坐标系转换，可以直接转换,下面从4326转为3857

引入transform方法

import {transform} from 'ol/proj'

let center=transform([118,35],'EPSG:4326','EPSG:3857')

但是对于openlayers没有帮我们定义的坐标系我们必须先注册，然后才能转如：EPSG:4527转EPSG:4490

引入方法。提示:proj4要下载 npm i proj4

import proj4 from 'proj4'
import {register} from 'ol/proj/proj4';
import {transform,Projection} from 'ol/proj'

proj4.defs('EPSG:4490', '+proj=longlat +ellps=GRS80 +no_defs');
proj4.defs('EPSG:4527','+proj=tmerc +lat_0=0 +lon_0=117 +k=1 +x_0=39500000 +y_0=0 +ellps=GRS80 +units=m +no_defs')
register(proj4);
let center=transform([39500000.00,4012173.36],new Projection({code:'EPSG:4527'}),new Projection({code:'EPSG:4490'}))

关于defs方法注册后面的参数，我上一篇有介绍。