Web GIS可视化地图框架Leaflet、OpenLayers、Mapbox、Cesium、ArcGis for JavaScript

Mapbox、OpenLayers、Leaflet、ArcGIS for JavaScript和Cesium是五种常用的Web GIS地图框架，它们各有优缺点，适用于不同的场景。还有常见的3d库和高德地图、百度地图。

1. Mapbox

官网Mapbox Gl JS案列：https://docs.mapbox.com/mapbox-gl-js/example/

Mapbox GL是基于WebGL的开源JavaScript库，专注于提供高性能的交互式地图渲染。

mapbox gl要使用mapbox在线的一些资源，所以，要申请开发者的key才能进行开发使用。

• 特点：支持自定义地图风格和数据源，二维三维地图的交互，能够基于geojson数据进行渲染，提供丰富的地图样式和效果，适用于需要高性能地图渲染和复杂地图样式的应用。

• 适用场景：

  • 适用于实时数据可视化、地理信息系统平台等需要高性能渲染的应用

  • 适合需要高度定制化地图和强大地理数据处理能力的项目

    2. Leaflet

    官网：https://leafletjs.cn/

    Leaflet是一个轻量级、易于使用的开源JavaScript库，用于创建交互式地图。

    • 特点：简洁灵活，支持丰富的地图功能和插件生态系统，适合快速开发项目。

    • 适用场景：

      • 适用于需要快速部署且对性能有一定要求的地图应用，如导航与路线规划应用、旅游与户外活动应用等。

      • 适合对移动端兼容性有要求，需要快速加载和运行的轻量级地图应用。

        如果项目地图功能很复杂，不建议使用leaflet，原因是leafelt使用外来的插件多了，会出现很多莫名的错误，查都查不出原因，非常痛苦！ 这时候更倾向于用openlayers

        
        （图片来源网络，侵删）

        3. Openlayers

        官网：https://openlayers.org/

        OpenLayers是一个高性能、开源的JavaScript库，用于在Web上创建富有的地图应用。

        
        （图片来源网络，侵删）

        • 特点：它支持多种数据源和地图格式，并提供了更高级的地图操作和交互功能，包括OpenStreetMap、Google Maps、Bing Maps等，openlayers是基于面向对象进行开发的，配置项比较多，与Echarts有类似的风格。是一个稳定可靠的集成式地图开发脚本，兼容老旧版本的IE浏览器，适合传统webGIS开发。如果你需要对地图进行更复杂的操作，如叠加数据、自定义图层等，OpenLayers 可能更适合。

        • 适用场景：

          • 适用于地理信息系统平台、环境监测与灾害管理、房地产与城市规划等需要复杂地图功能的场景。

          • 适合对旧版本浏览器兼容性有要求，以及需要稳定性和可靠性较高的企业级项目。

            4. ArcGIS for javaScript

            中文官网：https://arcgis.fenxianglu.cn/

            英文文档：https://developers.arcgis.com/javascript/latest/

            ArcGIS API for JavaScript是由Esri提供的一套用于构建地理信息应用程序的JavaScript API。

            • 特点：具备丰富的地图和地理数据功能，包括地理处理、空间分析和实时数据集成，支持ArcGIS Online和ArcGIS Enterprise中的数据和服务。

            • 适用场景：适用于需要与Esri产品和服务紧密集成的GIS应用

              5. Cesium

              官网：https://cesium.com/

              Cesium.js是一个开源的3D地球浏览器框架，提供了强大的地理空间分析和可视化功能。Cesium不仅支持地球表面的三维渲染，还可以展示地球上的各种数据，如卫星轨道、地质信息等。

              Cesium目前的功能

              • 3D地球可视化：在浏览器中显示高度真实的3D地球场景，包括地形、地表纹理、3D建筑等；

              • 漫游和导航：提供了多种漫游和导航方式，包括平移、旋转、缩放、倾斜、飞行、路径导航等；

              • 地形和影像数据：支持多种地形和影像数据，包括GeoTIFF、Terrain（STK）、OpenStreetMap等；

              • 3D建筑模型：Cesium可以在地球上显示高精度的3D建筑模型，包括自动提取的模型和手工建模的模型；

              • 3D Tiles: 支持3D Tiles技术，可以高效地加载和显示大规模的3D地球数据，包括城市、建筑、地形；

              • CZML：Cesium支持CZML（Cesium Language）数据格式，可以用来描述和显示动态的地球场景，比如航班轨迹、气象数据、卫星运行轨迹等；

              • 实时位置追踪：可以实时追踪地球上任意对象的位置和状态，比如汽车、飞机等，支持多种位置追踪方式，包括GPS、卫星通讯等；

              • 地下和空中场景：支持地下和空中场景的显示，可以在地球表面和空中显示更加复杂的场景；

              • 天文数据：支持显示天文数据，包括卫星、卫星轨道、恒星位置等；

              • 集成其他GIS工具：可以与其他GIS工具集成，比如：ArcGIS、QGIS等；

                6. Three.js

                官网：https://threejs.org/

                three.js是一个基于WebGL的JavaScript库，主要用于创建和显示3D图形和动画。

                • 特点：提供丰富的API来创建复杂的3D场景和动画效果，支持多种渲染器和着色器，适用于游戏开发、可视化等领域。

                • 适用场景：适用于需要高度交互和复杂视觉效果的3D应用，如虚拟现实、游戏开发等。

                  7. 高德地图、百度地图

                  	高德地图	百度地图
                  坐标系适配	支持WGS84/GCJ02双标准，兼容国际通用GIS系统	采用BD09加密坐标系，需通过API转换国际标准
                  开发文档	中文文档更详尽，提供50+场景化SDK案例	文档结构清晰但部分示例代码存在版本滞后
                  API响应速率	日均调用量超万亿次，平均响应时间