mapboxgl
关注
分享
扫一扫
文章平均质量分 65
搞GIS图形的sky.
三维GIS、图形相关，公众号：sky的数孪技术
展开
-
GIS开源图形库更新内容（2025.02）
此次记录时间为 2025.01.10 - 2025.02.10，其中Maplibre有大版本更新，支持球模式！原创 2025-02-20 10:16:16 · 294 阅读 · 0 评论 -
GIS图形库更新2024.11.10-12.10
本期发布了 2.11.0 版本。这是 Cesium for Unreal 支持 Unreal Engine v5.2 的最后一个版本。未来版本将需要 Unreal Engine v5.3+。本期发布了 1.124 版本，此次更新主要集成了 Bentley 旗下的 iTwin 平台。本期发布了 3.8.0 版本。此版本更新了大量的试验性支持，将可能会出现下一个大版本。优化后，AO 效果会变得更模糊，并且在远离相机时仍然可见（尽管强度较低）优化前，AO 效果在缩小时会消失。原创 2024-12-10 13:24:49 · 1073 阅读 · 0 评论 -
在MapboxGL上结合BABYLON.js添加模型
【代码】在MapboxGL上结合BABYLON.js添加模型。原创 2024-11-27 14:14:12 · 268 阅读 · 0 评论 -
Mapboxgl 实现弧线功能
更多精彩内容尽在 dt.sim3d.cn ，关注公众号【sky的数孪技术】，技术交流、源码下载请添加VX：digital_twin123。原创 2024-08-12 13:06:24 · 424 阅读 · 0 评论 -
在mapboxgl上用webgl实现带贴图的自定义图层
更多精彩内容尽在 dt.sim3d.cn ，关注公众号【sky的数孪技术】，技术交流、源码下载请添加VX：digital_twin123。原创 2024-07-29 13:14:22 · 425 阅读 · 0 评论 -
Mapboxgl 生成飞行动画GIF
更多精彩内容尽在数字孪生平台，关注公众号【sky的数孪技术】，技术交流、源码下载请添加VX：digital_twin123根据两点生成动画的工具。首先，找到你想要开始的视图，点击“设置起点视图”，然后调整到目的视图，点击“设置终点视图”。点击“开始动画”来创建一张gif图。源码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Fly to原创 2024-07-15 13:11:05 · 1299 阅读 · 0 评论 -
Mapboxgl 根据 AWS 地形的高程值制作等高线
更多精彩内容尽在dt.sim3d.cn，关注公众号【sky的数孪技术】，技术交流、源码下载请添加VX：digital_twin123使用mapboxgl 3.0版本，根据 AWS 地形图块的高程值制作等高线，源码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Contours</title> <meta name="v原创 2024-07-08 13:19:50 · 725 阅读 · 0 评论 -
Mapboxgl创建经纬度网格
关注公众号【sky的数孪技术】，技术交流、源码下载请添加VX：digital_twin123。//修整经度，防止最大值溢出。//创建geojson数据。原创 2024-07-02 09:16:42 · 1377 阅读 · 0 评论 -
mapboxgl深度相关
更多精彩内容尽在，技术交流添加VX：digital_twin123。原创 2024-05-17 13:27:17 · 355 阅读 · 0 评论 -
MapboxGL坐标体系
透视矩阵 * flipY矩阵 * 相机到瓦片中心的距离矩阵 * pitch(rotateX)矩阵 * angle(rotateZ)矩阵 * 平移矩阵 * 维度垂直scale矩阵 * 位置平移矩阵 * scale/zoom矩阵。ecef球的y轴朝上，跟cesium的z轴朝上不一样。x轴朝向经度90°，z轴朝向经度0°。TileCoordinates：瓦片坐标，范围8192，左上角（0, 0）NDC：NDC坐标，上面的GL坐标除以w。，设置的是6371008.8。，大概是1303.797像素。原创 2023-07-02 09:48:32 · 1884 阅读 · 0 评论 -
mapboxgl中的symbol碰撞检测随笔
在mapboxgl里，在线程里添加symbol的时候，会有个anchor的局部瓦片锚点坐标，如果坐标超出瓦片8192就不会绘制，同时如果是球面模式下，还会对锚点坐标进行投影，具体算法就是根据锚点的局部瓦片坐标，通过。这个过程完成的是一个从平面的anchor坐标转变成球面的anchor坐标的过程。（该半径的意思就是在0级瓦片下的球半径的像素数，所以单位不是米，是像素），所以算出来的世界坐标是基于像素的。值已经很小了，它是字体的位置坐标，所以重点还是在锚点坐标上，看下怎么计算锚点坐标到当前屏幕坐标的映射。原创 2023-06-22 12:25:02 · 877 阅读 · 0 评论 -
Mapboxgl流动水效果实现
由于mapboxgl是DT语法写的，开源出来的代码应该不是源代码，而是解析后的js文件，所以存在很多类型的定义。在中我们提到了需要根据类型去取uniform，去对应的uniform值的方法就在里定义。// 各个uniform的类型 export type FillWaterFlowUniformsType = {原创 2023-02-12 18:09:17 · 2565 阅读 · 0 评论