首页 > 其他分享 >Proj4.js使用初步入门

Proj4.js使用初步入门

时间:2022-12-14 01:22:06浏览次数:72  
标签:Proj4 入门 网站 Proj4js proj4 js 使用

一、基础知识

在正式使用Proj4.js时,我们首先需要了解下有关各种投影的参数定义

(例如:椭球长半轴、扁率、原点纬线、中央经线、两条标准纬线、东偏移量、北偏移量和单位等),具体参数可参考下面这个网站上的介绍。

https://epsg.io/
http://spatialreference.org
(注:该网站是一个记录和使用空间参考系统的网站,可以很直接的找到各种投影的参数定义,推荐优先使用该网站)

二、Proj4js引用

前端添加Proj4js有三种方式:

  1. http://trac.osgeo.org/proj4js/wiki/Download下载,获取产品包中dist/proj4.js文件。

  2. 引入CDN上的Proj4js:https://cdnjs.com/libraries/proj4js

  3. 本地有Node.js,可以直接使用npm install proj4进行安装。

这里用的Node.js的安装方法

npm install proj4 --save

三、基础使用

proj4.js中预定义了三个坐标系,其他的坐标系则需要自己定义了,下面以从WGS84(4326)到Web墨卡托(3857)的转换为例

function Wgs84ToMector2(lat,lng) {
    const proj4 = require('proj4');
   return proj4(proj4('EPSG:4326'), proj4('EPSG:3857'), [lng, lat])
}

JavaScript利器分享之Proj4js

标签:Proj4,入门,网站,Proj4js,proj4,js,使用
From: https://www.cnblogs.com/echohye/p/16981079.html

相关文章

  • mojs——在Vue中使用mojs
    前言一个需求需要做动画效果,刚好搏皮有用mojs,就打算通过mojs实现;Vue中的$nextTick有什么作用:Vue中的$nextTick有什么作用?mojs:https://mojs.github.io/tutorials/内......
  • 【JS】ES5 语法实现继承
    构造函数AfunctionA(){}构造函数BfunctionB(){A.call(this);}修改B的原型对象B.prototype=newA();//contructor指向原来的构造函数BB.......
  • springMVC06(1-响应,2-类返回成JSON数据)
    一、大纲二、响应JSON数据(把你给的"类"转化成"JSON"数据)2.1:需要有"@ResponseBody"这个注解2.2:需要导入JSON坐标<dependency><groupId>com.fasterxml.......
  • Activity7学习入门(六)
    官网地址:https://activiti.gitbook.io/activiti-7-developers-guide/components/activiti-cloud-applicationActivitiCloudApplicationActiviti云应用是由Activiti云核......
  • 前端入门教程:CSS标准盒模型和怪异盒模型区别
    理解盒模型:CSS3中的盒模型有以下两种:标准盒模型、IE盒子模型(怪异盒模型),盒模型是由4个部分组成,由内向外分别是content(下图蓝色部分)、padding、border、margin盒模型有5......
  • 【JS】原型链
    构造函数AfunctionA(){}实例对象avara=newA();原型对象prototype和对象原型protoa.__proto__===A.prototype;//trueconstructor属性a.__pro......
  • 对JSON里的字段进行排序
     publicstaticstringStortJson(stringjson){vardic=JsonConvert.DeserializeObject<SortedDictionary<string,object>>(json);SortedDictionary<strin......
  • #yyds干货盘点#JS数据类型判断几种方式
     一般JS检测数据类型有4种方法:typeof、constructor、instanceof和Object.prototype.toString,相信大家也对这几种判断很熟悉,下面我再罗列两种,供各位使用。​typeof:检测基......
  • 视图层必会三板斧、JsonResponse对象、视图层之FBV和CBV、CBV源码解剖、模板层前戏
    视图层之必会三板斧JsonResponse对象视图层之request对象获取文件视图层之FBV与CBVCBV源码剖析(重要)模板层视图层之必会三板斧#用来处理请求的视图......
  • Activity7入门学习(三)
    官网地址:https://activiti.gitbook.io/activiti-7-developers-guide/componentsComponentsActivitiCloud提供了一套基本的构建模块,可以分为3个单独的组:.ActivitiClou......