安装Proj4js：首先，在Vue项目中安装P

proj4JS地址https://github.com/proj4js/proj4js安装npminstallproj4--save引入importproj4from"proj4"定义需要转换的坐标使用的坐标系

proj4js是一个用于地理空间坐标转换的JavaScript库。

本月的主要工作都是围绕制作矢量切片这一个核心问题进行的，所以2月的主题就以这个问题为主，目前分支出来的一些内容主要包括了TMS(Tilemapservice)，OpenLayers3中的Projection和Resolution以及proj4js

一、概述Proj4js是一个开源的JavaScript库，用于将点坐标从一个坐标系转换到另一个坐标系，包括基准转换。

一、本次转换是实现北京54地理坐标到国家2000地理坐标的转换：1.引用proj4.js文件：2.定义北京54地理坐标系并填写七参数值：proj4.defs("EPSG:4214","+proj=longlat+ellps=krass+towgs84=44.745645865798,-100.37348291277885,-79.37086255592294,0.05323744846828353

任何Proj4js支持的坐标参考系统中的视图都是可能的，并且以前不兼容的图层现在可以组合和覆盖。

应用场景：最近公司有个需求，需要在中国地图上显示各省，市/直辖市，区/县等显示用户使用量，本来有两种实现方式，但设计图是采用气泡图形式展现的，所以就研究了一下highcharts的气泡图demo效果图如下：问题描述：在vue项目中使用气泡图碰到了两个问题：1、使用气泡图需要用到proj4.js,但是在vue中引入时却报错Highchartserror#21:www.highcharts.com/e

目前proj4支持的坐标参考系有：二、下载proj4的包http://trac.osgeo.org/proj4js/wiki/Download三、引用proj4的包三种方式

要在openlayers3中应用proj4js，需要在html中引用proj4js，然后在引用所需要的projection的js定义，如http://epsg.io/21781-1753.js然后在openlayers

这个时候就需要自定义坐标系了，借助proj4.js（proj4js是一个转换点坐标从一个坐标系到另一个坐标系的JavaScript库，包括数据转换）即可实现。

1、引入坐标转换js库文件proj4.js，地址：http://www.bootcdn.cn/proj4js/；2、加入需要的坐标参考的定义，两种方式：1）单个：proj4.defs('WGS84',"

本月的主要工作都是围绕制作矢量切片这一个核心问题进行的，所以2月的主题就以这个问题为主，目前分支出来的一些内容主要包括了TMS(Tilemapservice)，OpenLayers3中的Projection和Resolution以及proj4js

3.0以上的，用proj4js去定义。下面是4490格式与其对应分辨率2。对于4490格式，需要在网页里加载proj4js文件：下载proj4.js文件https://w

Proj4下载http://trac.osgeo.org/proj4js/wiki/Downlo

21.引用proj4js文件2.定义投影坐标系统1)国家2000地理坐标系proj4.defs("EPSG:4490","+proj=longlat+ellps=GRS80+no_defs");2)国家

proj4js是metacrs项目组的一部分，使用和PROJ.4相同的MIT许可。proj4js和openl

做过地图开发的小伙伴们，肯定对坐标系印象深刻，今天小编给大家一款插件-proj4js，借助它，我们就可以很方便地进行坐标转换了！

github地址proj4库官网地址获取坐标系定义CDN加速在Web客户端中基于Proj4实现坐标转换示例代码：2437自定义-->4326varproj1='+proj=tmerc+lat_0=0+lon_0=120+k=1+x_0=502000+y_0=2000+ellps=krass+towgs84=15.8,-154.4,-82.3,0,0,0,0+units=m+no_defs';var

在网页端使用的时候，转换大量的坐标时，发现存在性能有问题，就查看了一下proj4js的源代码，发现初始化很多不相关的类型，对象等，基于现有的项目，就进行相关代码的提取，以下是提取的兰伯特和经纬度坐标的转换

proj4是一个很好用的坐标系转换库，其丰富的坐标系类型和开发语言，让转换很方便，但是当我们只需要其中的很少坐标系相互转换，坐标量比较大的时候，就面临性能问题，鉴于在工作的使用，提取了其中的lcc和wgs84的坐标系转换，源码如下：`varlccToWgs84=function(){"usestrict";varEPSLN=(typeofNumber.EPSILON==='undefined')?

本月的主要工作都是围绕制作矢量切片这一个核心问题进行的，所以2月的主题就以这个问题为主，目前分支出来的一些内容主要包括了TMS(Tilemapservice)，OpenLayers3中的Projection和Resolution以及proj4js

pro4js：https://github.com/proj4js/proj4js pro4js 1.x 坐标系定义：http://spatialreference.org/  &

用Proj4js实现客户端坐标转换 作者:  赵博 • 2008 年 5 月 11 日 •  技术主义 •  10 条评论