Mapbox-gl.js v2.13.0 扩展支持4326，4490坐标系

已于 2024-01-10 11:51:11 修改
阅读量1.6k 收藏 1
点赞数 2
分类专栏： WebGIS，web nodejs+express 文章标签： javascript webgis mapbox-gl
于 2023-04-19 18:03:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/thor027/article/details/130249908
版权
本文介绍了如何在mapbox-gl.js的新版本v2.13.0中扩展支持4326和4490坐标系。通过在地图初始化参数中添加`epsg`字段来指定不同的坐标系和切片方案。同时，文章提到了在不同投影下，如3857的globe模式和4326的平面模式下的加载效果，并指出在4326/4490坐标系下绘制圆形可能出现椭圆的现象。最后，分享了一个包含绘图控件功能的工程文件链接。
摘要由CSDN通过智能技术生成

1.mapbox-gl.js新版本中，支持多种projection

显示效果也不错，根据tiles grid可以看到，还是web_mercator的格网，基于图片做了一定的拉伸形变，想要加载4326的切片格网，依然无法实现

2.在网上搜索加载4326

了解本专栏 订阅专栏 解锁全文 超级会员免费看
一醉千秋
关注
专栏目录
订阅专栏
mapbox-gl.js v2.13.0 实现4326、3857、4490坐标系切片地图服务加载，以及绘图控件
04-25
mapbox-gl.js v2.13.0 扩展支持4326、3857、4490坐标系切片地图服务加载，绘图控件功能包括点、线、面、矩形、圆、编辑、删除等，关闭了token请求。矢量切片涉及的流程比较复杂，原始矢量数据分层、样式设计、矢量切片缓存、前端可视化，以及功能应用实现等。
Mapbox-gl.js v2.15.0 扩展支持4326，4490坐标系
07-19
mapboxgl对地图服务坐标系的要求仅仅是EPSG:3857，也就是web墨卡托投影，如果你的地图服务是此之外的坐标系，如cgcs2000(国家2000、4490)的坐标系，则需要自己修改源码进行扩展，github上有大佬基于mapboxv2.3.0版本提供了加载cgcs2000坐标系的源码，但是版本太旧，很多mapbox功能不能使用。因此经过对mapbox源码的深入研究，在mapbox-glv2.16.0版本上修改了一版可以支持cgcs2000坐标系api（栅格瓦片、矢量瓦片、动态地图）: 去除token验证
mapbox加载4490(CGCS2000)坐标系
taozi8957的博客
04-24 2161
mapbox加载4490(CGCS2000)坐标系
Mapbox4490版，可以加载CGCS2000坐标系数据源
12-03
Mapbox4490版，可以加载CGCS2000（国家）坐标系数据源。但必须整个配图里的数据源都是4490坐标系。直接替换原来的Mapbox库即可使用
转载-全球场景加载4490天地图
AriaGIS
05-29 991
原文地址https://jsbin.com/woxeyizovo/edit?html,output <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid...
Mapbox gl HTML经纬度点渲染，动态轨迹播放，自定义图形以及轨迹上显示箭头方向
最新发布
qq_40985985的博客
09-16 1180
今天要排查个问题，需要显示多个经纬度点连接成线段的方向，于是尝试下展示。1. mapbox渲染经纬度点，线，多线，面 2. 运动轨迹增加箭头方向 3. 增加一个图像（如小车等）本文用的tomcat小猫图标，实行运动轨迹可控制，开始，播放，停止
【mapbox其他】mapbox 裁剪坐标系详解
qq_22849251的博客
04-10 1140
1. mapbox z轴 -1是指向屏幕方向 1是内侧方向 2. mapbox shader里面的gl_Position 计算后webgl会自动进行透视除法得到-1至1的裁剪空间 测试了貌似mapbox只有建筑才有深度，其他都是没开深度检测 建筑的深度模式为const depthMode = new DepthMode(painter.context.gl.LEQUAL, DepthMode.ReadWrite, painter.depthRangeFor3D); ...
喜大普奔——Mapbox GL JS支持多种投影了
u010395721的博客
11-10 4271
喜大普奔！Mapbox GL JS支持多种投影了1. 写在前面2. Mapbox GL JS v2.6版本重大更新mapbox gl js在2021年11月更新版本v2.6.0后，开始支持以下7中投影方式：3. 怎么用？简单map对象新增`projection`属性，支持定义map的投影类型。[查看官网实例](https://docs.mapbox.com/mapbox-gl-js/example/map-projection/)看看效果4. 下一个期待的重大支持, 慢慢地、慢慢地支持主流三维数据格式 1.
mapbox-gl-js-v1.12.0.zip
09-21
《Mapbox GL JS v1.12.0：探索地理空间数据可视化的新高度》 Mapbox GL JS 是一个强大的开源库，专为构建交互式、高性能的地图应用而设计。v1.12.0 版本是这个库的一个重要里程碑，它提供了丰富的地图渲染和定制...
MapBox 加载百度切片（叠加切片图层）
03-05
Mapbox 加载百度地图（叠加切片图层），用到了coordtransform.js进行百度坐标、国标坐标、wgs84坐标的转换
leaflet1.3.1加载天地图WMTS影像（EPSG:4326）
04-04
leaflet1.3.1版本引用了leaflet-tilelayer-wmts.js做了修改可加载天地图WMTS影像（EPSG:4326）Demo
天地图4326 切片 Tile shelme
09-11
Arcgis server 切片时。可以选择此文档作为地铁地图切片规则，省去了自己手动添加比例尺
Cesium添加arcgis server 4490 orgin -400 400 地图切片服务
08-09
源码主要修改地方是： 176512行 -- 将服务切片数据赋值到 tilingScheme._tileInfo = = data.tileInfo 17364行 、17383行 -- 根据切片数据，计算不同比例尺，瓦片行列总数 176917行 -- 增加判断，根据orgin -400 与 cesium默认的-180 进行计算，增加瓦片行列的偏移量
Mapbox加载天地图CGCS2000瓦片地图服务
05-06
通过对mapbox GL JS进行改造，使其能够加载天地图CGCS2000瓦片地图服务。
前端项目-mapbox-gl.zip
09-03
它的JavaScript版本，即Mapbox GL.js，允许开发者构建高度定制化的、高性能的在线地图应用。在这个前端项目中，我们将深入探讨Mapbox GL.js的关键特性和用法。 ### 1. WebGIS与WebGL Mapbox GL.js 是WebGIS（Web...
OpenLayers构建4490坐标系地图解决方案
lz5211314121的博客
08-17 2820
openlayers默认支持的坐标系有4326（基于美国wgs84坐标系）和3857（墨卡托投影）两种。但是我们国内在使用的时候非常的不便利，国内大多数的数据和产品大多是基于4490（GCGS2000坐标系）的，所以我们需要把openlayers进行扩展和变化，让其支持4490坐标系。...
mapbox 调用geoserver矢量切片
u012123612的博客
08-15 1740
1.使用geoserver 发布矢量切片服务 参考：https://blog.csdn.net/u012123612/article/details/98940602 2.调用服务 全部示例如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l...
Vue-iClient-MapboxGL教程之地图组件应用
SuperMap技术控
03-31 2332
作者：LX 背景 在上一篇文章《快速上手iClient组件之Vue-iClient-MapboxGL》我们了解了Vue-iClient-MapboxGL如何安装使用。为了让大家进一步熟悉和了解Vue-iClient-MapboxGL的具体功能，让大家能够在项目中轻松运用，本文将继续给大家介绍Vue-iClient-MapboxGL里面地图以及地图子组件的使用方法和技巧。 概念 地图组件即Web...
<script src='https://api.mapbox.com/mapbox-gl-js/v2.0.0/mapbox-gl.js'></script><link href='https://api.mapbox.com/mapbox-gl-js/v2.0.0/mapbox-gl.css' rel='stylesheet' />这两个文件怎么得到
06-10
这两个文件可以通过以下两种方式获取： 1. 通过 Mapbox 官方网站下载： 你可以前往 Mapbox 官方网站 (https://www.mapbox.com/)，注册并登录账户，然后在控制台中创建一个新的项目。在项目中，你可以找到获取 Mapbox GL JS 所需的 JavaScript 和 CSS 文件的链接。将这些链接复制并粘贴到你的 HTML 文件中，即可使用 Mapbox GL JS。 2. 直接从 Mapbox 的 CDN 获取： 你也可以直接从 Mapbox 的 CDN 获取这两个文件。在你的 HTML 文件中添加以下代码即可： ``` <script src='https://api.mapbox.com/mapbox-gl-js/v2.0.0/mapbox-gl.js'></script> <link href='https://api.mapbox.com/mapbox-gl-js/v2.0.0/mapbox-gl.css' rel='stylesheet' /> ``` 这将从 Mapbox 的 CDN 中获取最新版本的 Mapbox GL JS 文件。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一醉千秋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值