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

原创 已于 2024-01-10 11:51:11 修改 · 2.3k 阅读 ·
大模型引用 5 次
cknow-ai 一醉千秋

cknow-ai 关注

标签
#javascript #webgis #mapbox-gl
分类 前端开发
于 2023-04-19 18:03:02 首次发布
本文介绍了如何在mapbox-gl.js的新版本v2.13.0中扩展支持4326和4490坐标系。通过在地图初始化参数中添加`epsg`字段来指定不同的坐标系和切片方案。同时，文章提到了在不同投影下，如3857的globe模式和4326的平面模式下的加载效果，并指出在4326/4490坐标系下绘制圆形可能出现椭圆的现象。最后，分享了一个包含绘图控件功能的工程文件链接。

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

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

2.在网上搜索加载4326切片的开源，

了解本专栏 订阅专栏 解锁全文 超级会员免费看
点赞 点赞 2
评论 7
书签 书签 1
Mapbox4490版，可以加载CGCS2000坐标系数据源
12-03
Mapbox4490版，可以加载CGCS2000（国家）坐标系数据源。但必须整个配图里的数据源都是4490坐标系。直接替换原来的Mapbox库即可使用
Mapbox加载天地图CGCS2000瓦片地图服务
05-06
通过对mapbox GL JS进行改造，使其能够加载天地图CGCS2000瓦片地图服务。
mapbox-gl.js v2.13.0 实现4326、3857、4490坐标系切片地图服务加载，以及绘图控件
04-25
mapbox-gl.js v2.13.0 扩展支持4326、3857、4490坐标系切片地图服务加载，绘图控件功能包括点、线、面、矩形、圆、编辑、删除等，关闭了token请求。矢量切片涉及的流程比较复杂，原始矢量数据分层、样式设计、矢量切片缓存、前端可视化，以及功能应用实现等。
Mapbox GL源码本地环境配置
qq_42504734的博客
11-20 1037
mapbox-gl-js源码
Mapbox-gl.js v2.15.0 扩展支持4326，4490坐标系
m0_65461805的博客
06-26 2600
Mapbox-gl.js v2.15.0 扩展支持4326，4490坐标系
mapbox加载4490(CGCS2000)坐标系
taozi8957的博客
04-24 3295
mapbox加载4490(CGCS2000)坐标系
mapbox-gl升级到v3.13.0，扩展地图切片坐标系 4326，4490
一醉千秋的专栏
07-07 448
mapbox-gl升级到v3.13.0，扩展地图切片坐标系 4326，4490。一、下载最新mapbox-gl代码，编译通过，生成原生js和css。二、提交代码版本库，作为原始代码。
喜大普奔——Mapbox GL JS支持多种投影了
u010395721的博客
11-10 5552
喜大普奔！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.
基于SuperMap iClient for MapboxGL实现等时圈功能
Dejounte的博客
06-28 965
功能介绍 等时圈是指从某点出发，以某种交通方式在特定时间内能到达的距离覆盖的范围。之前在简书上看到过一篇文章，介绍的是基于mapboxgl使用turf去实现等时圈的方法：等时圈实现 。 最近在使用超图产品进行学习，看到iClient产品里clasic，for Leaflet,for OpenLayers都有服务区分析这个功能，看了一下是和等时圈的功能是一样的，在mapbox里找了一下并没有在分析中...
mapbox-gl支持多种坐标系
qq_37987033的博客
11-01 5301
mapbox默认的投影是3857，但是实际应用中我们经常会使用高德、百度、天地图的服务，原生mapbox是不支持的，需要我们修改源码以支持以上坐标系。有疑惑的小伙伴欢迎交流。
Mapbox相关内容
Cloudem的博客
10-12 429
1。style： mapbox://styles/mapbox/streets-v10 mapbox://styles/mapbox/outdoors-v10 mapbox://styles/mapbox/light-v9 mapbox://styles/mapbox/dark-v9 mapbox://styles/mapbox/satellite-v9 mapbox://styles/mapbox/satellit...
重磅！Mapbox GL JS V3 终于能加载 EPSG:4326 和 CGCS2000 (4490) 图层了！
最新发布
悟道的博客
02-06 542
*关键词**：Mapbox GL JS, Mapbox V3, EPSG:4326, EPSG:4490, CGCS2000, WGS84, 天地图, WMTS, WMS, TMS, XYZ, 投影转换, WebGIS, 前端地图, Globe 模式, 3D 地球, 多投影叠加, 国产化地图, 信创, 无侵入插件, 不修改源码, Proxy 拦截。想同时叠加 3857 底图和 4490 专题图却无从下手？本文带你用**无侵入式插件方案**，在**不修改任何 Mapbox 源码**的情况下，突破投影限制！
使用Mapbox GL加载矢量切片数据源的JavaScript指南
TechNovaX的博客
09-12 521
在本指南中，我们将探讨如何使用Mapbox GL加载矢量切片数据源，并提供相应的JavaScript源代码示例。你只需要创建一个地图实例，指定数据源的URL和图层名称，然后将图层添加到地图中即可。通过使用Mapbox GL提供的其他功能，你可以进一步定制地图以满足你的需求。最后，我们可以使用Mapbox GL提供的各种方法和选项来进一步定制地图的外观和交互性。首先，创建一个Mapbox GL地图实例，并将其添加到之前创建的容器中。方法，并指定一个唯一的图层ID，以及数据源的URL。元素，用于容纳地图。
Mapbox加载天地图CGCS2000矢量瓦片地图
weixin_42562567的博客
08-10 3330
最近在做天地图的项目，要基于MapBox添加CGCS2000矢量切片数据，但是 Mapbox 只支持web 墨卡托（3857）坐标系的数据。Github有专业用户修改了mapbox-gl的相关代码，支持CGCS2000的切片数据加载，并且修改了相关的mapbox-gl的配套代码，详情请见github网址。将geoserver部署到tomcat之后，打开tomcat下webapps\geoserver\WEB-INF目录下的web.xml文件，添加一下内容，重启tomcat即可。//配置矢量切片图层样式。
mapboxgl 加载 iserver转发的wmts服务报错问题
qq_38280838的博客
03-18 881
因为mapbox需要定义投影坐标系，但是现在发布的服务是4490原始坐标系，所以现在mapbox加载不出来，需要首先从iserver添加一个服务接口，也就是需要重新定义一下wmts标准，然后服务界面就会有一个新的wmts接口，用新的标准发布一个服务出来就可以。发布出来的服务直接用mapbox加载就可以了。
Mapbox加载天地图CGCS2000矢量瓦片地图服务
热门推荐
weixin_42562567的博客
06-16 1万+
1.背景 最近在做天地图的项目，要基于MapBox添加CGCS2000矢量切片数据，但是 Mapbox 只支持web 墨卡托（3857）坐标系的数据。Github有专业用户修改了mapbox-gl的相关代码，支持CGCS2000的切片数据加载，并且修改了相关的mapbox-gl的配套代码，详情请见github网址。https://github.com/cgcs2000 2.将MapBox部署到本地 npm i @cgcs2000/mapbox-gl <!DOCTYPE html> <ht
Mapbox加载4326坐标系瓦片：Tile4326Layer插件使用与踩坑记录
席木木的博客
12-13 248
摘要：Mapbox默认不支持4326坐标系瓦片加载，而Tile4326Layer插件通过WebGL渲染和自定义着色器解决了这一问题。该插件通过Mapbox的customLayer机制实现4326坐标系瓦片叠加，支持瓦片缓存管理和动态加载。使用方式包括引入资源文件、创建地图容器、初始化地图和加载瓦片图层。开发中需注意extent参数设置和瓦片层级计算问题。
mpabox gl加载矢量切片服务
荣默默的博客
02-11 1386
代码如下： //加载矢量切片服务 map.addSource('qing_', { 'type': 'vector', 'scheme': 'tms', 'tiles': [ 'http://localhost:8085/geoserver/gwc/service/tms/1.0.0/myTest%3Aexport_output_1@EPSG%3A900913@pbf/{z}/{x}/{y}.pbf' ] }); map.a
（十四）Mapbox GL JS 在加载图层数据时对坐标系的要求
cuijiying的博客
03-17 1988
GeoJSON 数据：请确保数据中的坐标采用 WGS84（EPSG:4326）的经纬度格式，Mapbox GL JS 会自动进行转换以在 Web Mercator（EPSG:3857）地图上正确显示。瓦片数据：加载的矢量或栅格切片数据应符合 Web Mercator 坐标系统（EPSG:3857）。数据转换：如果你的原始数据采用其他坐标系（如 CGCS2000），需要先进行坐标转换再加载到地图中。这种设计既满足了大部分前端地图应用的需求，也让开发者能利用现有的在线地图服务进行高效开发。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

一醉千秋

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

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

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

打赏作者

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

抵扣说明：

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

余额充值