SuperMap iClient for MapboxGL

产品介绍

SuperMap iClient for MapboxGL 是一套基于MapboxGL的云GIS网络客户端开发平台, 支持访问SuperMap iServer / iExpress / iPortal / iManager / Online的地图、服务和资源,为用户提供了完整专业的GIS能力, 同时提供了优秀的可视化功能。

GitHub托管地址:https://github.com/SuperMap/iClient-JavaScript/tree/master/src/mapboxgl

OSChina托管地址:https://gitee.com/isupermap/iClient9/tree/master/src/mapboxgl

开发指南

快速入门

本章节主要介绍SuperMap iClient for MapboxGL的入门用法,接口的详细参数请参考API页面。

引入 mapbox-gl.js 或 mapbox-gl-dev.js,MapBoxGL此处引入的BootCDN的托管地址:

<script type="text/javascript" src="https://cdn.bootcss.com/mapbox-gl/0.39.1/mapbox-gl.js"></script>

引入 iclient9-mapboxgl.js 或 iclient9-mapboxgl.min.js:

<script type="text/javascript" src="http://iclient.supermap.io/dist/iclient9-mapboxgl.js"></script>

将 iServer 发布的地图加载至 MapboxGL 的 map 中:

var map = new mapboxgl.Map(
{
   container: "map",
   style: {
     "sources": {
        "raster-tiles": {
          "type": "raster",
          "tiles": [
            'http://localhost:8090/iserver/services/map/rest/maps/China/zxyTileImage.png?z={z}&x={x}&y={y}'
          ],
        }
     },
     "layers": [{
        "id": "simple-tiles",
        "type": "raster",
        "source": "raster-tiles",
     }]
   },
});查看源码 »
                    

运行效果

模块说明

新特性

9.0.1

进行了代码模块化,支持开发时使用 JavaScript ES6 标准的 import 语法进行模块化引入

支持集成Turf.js,提供空间分析、拓扑分析、等值分析、量算等客户端计算能力, 无需连接GIS服务也可在客户端快速的进行各种常用的空间操作

完善iServer服务相关service

分布式分析服务中新增缓冲区分析、拓扑检查分析、叠加分析、属性汇总分析服务

单对象查询分析、矢量裁剪分析服务新增支持自定义绘制范围进行分析

集成 ECharts GL / D3.js 可视化库的三维专题图、风图等特效

新增客户端标签专题图图层

新增三维单值专题图图层

新增三维分段专题图图层

9.0.0

完成对 SuperMap iServer 中基础服务的对接

支持访问 SuperMap iServer 9D 的分布式分析服务,提供密度分析、格网聚合分析、单对象查询分析、区域汇总分析、矢量剪裁分析功能

支持访问 SuperMap iServer 9D 的地址匹配服务,提供正向匹配和反向匹配功能

支持访问 SuperMap iServer 9D 的实时数据服务

支持 Mapbox 矢量瓦片标准,为用户提供了更多可在客户端自由更改样式的地图风格

集成 ECharts 常用可视化效果:散点地图、迁徙图、热力图、线路图、线特效、折线图、柱状图、饼图等

集成数据可视化开源库 MapV,提供蜂巢图、通勤图、强边界图、迁徙图、动态轨迹图、面绘制、线绘制以及海量点数据的绘制

相关依赖