Appearance
MapboxGL 产品介绍
MixServer Client for MapboxGL 面向 Mapbox GL JS v1 生态提供高性能矢量地图客户端开发能力,适用于矢量瓦片渲染、地图样式表达、业务专题图、实时数据可视化和行业应用集成等场景。
当前 MapboxGL 客户端能力参考 SuperMap iClient for MapboxGL 整理,复用其面向 SuperMap iServer等服务资源的访问能力,并结合 MixServer Client 文档体系进行归纳说明。
它保留了 Mapbox GL 高性能矢量渲染与样式表达的特点,同时补充了 GIS 服务接入、专题可视化、三维特效、多媒体图层和客户端扩展等能力。
申明
由于 Mapbox GL v2 版本授权协议变更,MixServer Client for MapboxGL 依旧基于 v1 版本进行后续版本的维护与升级,协议无变化。
下载
可通过官方下载页面获取相关版本资源、示例与配套文件:
- 下载页面:https://iclient.supermap.io/web/download/download.html
- npm 包:
@supermap/iclient-mapboxgl - npm 地址:https://www.npmjs.com/package/@supermap/iclient-mapboxgl
如果项目采用模块化开发方式,推荐优先使用 npm 包接入,便于结合现代前端工程体系完成依赖管理和版本控制。
模块说明
参考 SuperMap iClient for MapboxGL 的能力组织方式,MapboxGL 客户端能力大致可分为以下几类模块:
基础地图模块
用于地图底图加载与地图资源接入,典型能力包括:
VideoMap:视频地图WebMap、WebMapBase:对接 iPortal / Online 地图资源
服务模块
用于访问各类 GIS 服务与资源接口,典型能力包括:
- 地图与图层信息服务:
MapService、LayerInfoService - 查询服务:
QueryService - 空间分析与网络分析服务:
SpatialAnalystService、NetworkAnalystService、NetworkAnalyst3DService - 地理处理与分布式分析:
GeoprocessingService、ProcessingService - 数据、字段、数据源、数据集服务:
FeatureService、FieldService、DatasourceService、DatasetService - 影像相关服务:
ImageService、ImageCollectionService、GridCellInfosService - 平台服务接入:
IPortal、IManager - 其他专项服务:
DataFlowService、AddressMatchService、ElasticSearch、ChartService、MeasureService、TrafficTransferAnalystService、WebPrintingJobService
可视化与计算模块
用于专题图、海量点、热力图、三维特效及多媒体图层扩展,典型能力包括:
GraphicLayer:高效率点图层DeckglLayer:Deck.gl 高效率可视化图层ThreeLayer:Three.js 三维图层HeatMapLayer:热力图层MapvLayer:集成 MapV 海量数据可视化能力GraticuleLayer:经纬网图层VideoLayer:视频图层(支持 HLS、HTTP-FLV 等)GeoFeatureThemeLayer、ThemeLayer:专题图基础能力GraphThemeLayer、RangeThemeLayer、RankSymbolThemeLayer、UniqueThemeLayer、LabelThemeLayer:统计、分段、等级符号、单值、标签等专题图图层Theme3DLayer、RangeTheme3DLayer、UniqueTheme3DLayer:三维专题图图层ThemeStyle:客户端专题图风格FGBLayer:FGB 数据图层能力
功能控件模块
用于补充地图交互和业务控件能力,典型能力包括:
Logo:Logo 控件TimeControlBase、TimeFlowControl:时间控制相关能力
组件模块
用于快速搭建业务功能,典型组件包括:
ChartView:图表组件
相关依赖
官方介绍页中重点列出的相关依赖包括:
这些依赖分别覆盖基础地图渲染、专题可视化与海量数据渲染等能力。实际项目中还可结合 Deck.gl、Three.js、ECharts GL、Turf.js 等扩展可视化与分析能力。