qq_37987033的博客

矢量在线编辑是gis常用的编辑功能，兴趣点（POI）与区域面（AOI）或者道路线不同，在地图上没有形状和面积，仅表示落位地点，本文介绍使用mapbox进行点位编辑的常用方式，底图使用高德公开的地图服务。根据UI设计生成新的雪碧图，作为地图上点位的图标。方法有两种：借助 Marker方式二；采用 mapbox-gl-draw 插件。

分享最近写的一个小demo，功能类似微信小程序端的大头针位置共享功能，需要实现的主要功能包括位置查询、周边地点检索、位置定位等，数据采用天地图球面墨卡托（WGS84）的 WMTS 矢量底图与标记服务，框架采用Taro。

本文介绍Cesium如何加载空间数据，空间数据即明确定义在三维空间中的数据，空间数据包括以下几类：1、几何形体（点、线、面、体）2、标签（文字图标等）3、几何文件（geojson、kml、czml）4、三维模型（gltf、gltf）。3D Tiles 作为Cesium提出的处理大型三维数据的格式暂不在本文介绍。

本文介绍Cesium世界中的坐标系统，Cesium的坐标系分三种：屏幕坐标、笛卡尔空间直角坐标、地理坐标，在得知目标的坐标后，即可使用相机系统对目标进行定位或进行相机交互。

地形数据用来表示真实的地形起伏；地图数据指的则是真实的影像服务， 本文实践在Cesium中加载地形与影像数据。

工作大半年来主要的技术栈是mapbox-gl 和 threejs，但是作为一名GIS专业毕业生，一直对Cesium充满兴趣。Cesium不仅保持了 threejs 的三维绘制能力，而且内置大量渲染地理数据的API于算法，相较于 mapbox “制作世界上最漂亮的地图”的定位，Cesium无疑是重gis项目或业务的首选框架。据说Cesium与Vue结合更加简便，本文介绍Cesium中的核心类，并使用 Vite + Vue 搭建Cesium应用。

mapbox-gl 支持表达式编辑 2.5D 建筑物高度，但是 style 文件原生的表达式很不直观，本文实现一个简单的 2.5D高度图层编辑器，核心是理解mapbox表达式规则与递归算法。

Cesium的官方示例中提供了3D模型裁切获取剖切面的示例，相信很多初次接触cesium的小伙伴第一次看时都会和我一样，虽然本地能跑起来，但是对整个流程缺乏整体的理解，也不清除原理和每一步是干啥，最近整理了一下这个流程并记录下来。......

最近使用Cesium结合ts和react自己手动搭建了一个基本界面，需要加载3dTiles数据和geojson数据，动态控制图层的显隐。

前端在地图中添加随鼠标位置更新的经纬度显示框是一个基本需求，本文分别使用函数组件和类实例实现这个功能，采用的技术栈是react和cesium,mapbox-gl同理可用。

在Cesium中没有类似mapbox中的气泡（popup）弹框，在react-hooks中可以封装一个这样的类组件，借助网上提供的思路为外部模型添加popup气泡框，改进后在旋转缩放时仍能保持原位置，不会偏移。

今天基于mapbox-gl进行二开时封装了deck-gl中的图层，却导致了预计外的bug，明明在图层未添加时仍会报错：Layer with id "xxx already exists on this map，特此记录下这个问题。

mapbox-gl的Style文件规范详解

mapbox轨迹回放图层封装

mapbox默认的投影是3857，但是实际应用中我们经常会使用高德、百度、天地图的服务，原生mapbox是不支持的，需要我们修改源码以支持以上坐标系。有疑惑的小伙伴欢迎交流。

基于mapbox实现创建多边形，还可以将入库的多边形图层重新编辑

mapbox-gl是一个基于webgl开发的三维地图渲染引擎，但是很多三维特效只用mapbox并容易实现，比如带高度的飞线，本文结合之前对threebox的研究实现带高度的飞线。

最近在研究threejs和mapbox的结合，花了一天多的时间，结合threebox这个mapbox的三维库，给mapbox中创建自定义图层，添加自定义几何体，基于react-hooks实现，代码不多，但是threebox官网的例子给的很少，所以不少东西还是需要自己摸索下，特此记录下来。