mapbox-gl中的web墨卡托转换

mapbox-gl的api开放了web墨卡托和经纬度的转换，直接使用mapbox-gl的api能够进行web墨卡托的坐标操作。
api说明网址：
https://docs.mapbox.com/mapbox-gl-js/api/geography/#mercatorcoordinate
web墨卡托的坐标说明：
http://epsg.io/3857
api使用说明

将经纬度坐标转换成web墨卡托坐标，包含了高度的信息：
let modelAsMercatorCoordinate = mapboxgl.MercatorCoordinate.fromLngLat( [117,36],
modelAltitude);

其中的web墨卡托坐标获取：
let xcoord=modelAsMercatorCoordinate.x,
let ycoord=modelAsMercatorCoordinate.y,
let zcoord=modelAsMercatorCoordinate.z,

上述坐标的结果，并不是[-20026376.39 -20048966.10 20026376.39 20048966.10]范围内的坐标信息，需要根据api再进行一次转换，使用下列的方法，转换成米制的单位：
let meterunit = modelAsMercatorCoordinate.meterInMercatorCoordinateUnits()
xcoord/meterunit , ycoord/meterunit 即获取的是上述范围中的坐标。

初始化一个web墨卡托的坐标信息，x\y\z为坐标信息：
let mecatorcoord = new mapboxgl.MercatorCoordinate(x,y,z);
web墨卡托坐标转换成经纬度坐标：
let datalngLat = mecatorcoord.toLngLat();
获得坐标的高度值：
let datalngLat = mecatorcoord.toAltitude();

mapbox-gl中的web墨卡托坐标，是不依赖于地图初始化操作的，单独就能够进行调用、使用，直接或者node形式加载都是可以的。

mapbox-gl中的web墨卡托转换相关推荐

进阶mapbox GL之paint和filter
概述通过前面的文章初识mapbox GL我们对mapbox GL有了一个相对比较全面的认识,本节结合一些示例,重点讲述一下mapbox GL里面的filter和paint的用法. 说明本文中的示例 ...
GIS开发：mapbox gl几种底图的加载
mapbox gl除了加载客户端可控制样式的底图,也能够加载常规的影像底图. 这里指发布的影像或者矢量地图切片,在线经常使用的有天地图,谷歌地图.高德百度等,底图的加载,mapbox gl中,主要是修 ...
初识mapbox GL
一.概述最近由于项目的需求,借此机会对mapbox GL做了一个系统的学习,同时也对整个学习过程做一个记录,一方面留作自用,另一方面也希望看到此文的人在学习mapbox GL的时候,能够有所启发.有 ...
Java各坐标系之间的转换（高斯、WGS84经纬度、Web墨卡托、瓦片坐标）
本文整理了一些地理坐标系之间的转换(Java代码) pom依赖 <dependency><groupId>com.vividsolutions</groupId>& ...
python实现坐标系转换_（数据科学学习手札60）用Python实现WGS84、火星坐标系、百度坐标系、web墨卡托四种坐标相互转换...
importmathclassLngLatTransfer():def __init__(self): self.x_pi= 3.14159265358979324 * 3000.0 / 180.0s ...
喜大普奔——Mapbox GL JS支持多种投影了
1. 写在前面 Mapbox GL JS 在v2.6.0之前不支持投影,默认地图是Mercator投影方式,如果项目中使用其他类型的投影(比如加载经纬度直投4326的地图切片),必须通过修改源码的方式 ...
Mapbox GL JS 表达式概述
表达式(expressions)是Mapbox GL JS的一个高级功能,它为数据的添加和渲染展示提供了更多的灵活性. 表达式的功能包括: 数据驱动样式:根据一个或多个数据属性指定样式规则. 算术:对 ...
Mapbox GL JS介绍及使用
Mapbox GL JS介绍及使用:(以web端基本交互实现为例) Mapbox GL JS 是一个 JavaScript 库,它使用 WebGL,以 vector tiles 和 Mapbox st ...
关于坐标系、投影与瓦片切片（Web墨卡托,WGS84,CGCS2000,TMS，谷歌XYZ）
地理学的人掌握坐标系和投影知识就应该像计算机的人掌握计算机原理和操作系统原理一样,但近几年工作发现很少有人能说清楚这些皮毛. 此文将包含:地理坐标系.投影方法.切片规则等内容,内容可能来自网络.书籍和 ...

mapbox-gl中的web墨卡托转换

mapbox-gl中的web墨卡托转换相关推荐

最新文章

热门文章