SuperMap Software Co., Ltd. introduces their JavaScript client library called SuperMap iClient for JavaScript. The library provides client-side GIS application development capabilities and acts as a unified JavaScript client for consuming SuperMap's cloud services and online maps. The document compares several popular open-source JavaScript mapping libraries such as Leaflet, OpenLayers, and MapboxGL that can be used with SuperMap iClient for visualization and mapping. Examples are provided showing how different mapping and visualization libraries can be combined.

1. P1
S u p e r M a p S o f t w a r e C o . , L t d .
北京超图
SuperMap iClient for JavaScript
Introduction
SuperMap Software Co., Ltd.

2. P2
01 Product Introduction
02 Product Selection

3. P3
SuperMap iClient for JavaScript Introduction
• Development Toolkit--SuperMap iClient for JavaScript
– Libraries for client GIS application
– The unified JS client terminal for consuming 4 cloud carriages and
Online services
SuperMap iClient for JavaScript 10i
iManager Online

4. P4
SuperMap iClient for JavaScript Introduction
SuperMap
iClient for
JavaScript
OpenLayers Leaflet MapboxGL Classic
Map
libraries
Data
visualization

5. P5
SuperMap iClient for JavaScript Introduction
pMap JS map libraries
• OpenLayers3/4
• H5 – WebGL
• Vector Layers
• Lightweight & mobile-friendly
• practical examples are abundant, and
application experience in the
community is rich
MapBox GL JS
• WebGL
• Vector Tiles
• MapBox Styles
• OpenLayers2
p Viz JS visualization libraries
• Data driven visualization library
• High community activity
• MapBox GL JS already has example cases
• Intuitive, vivid, interactive chart library
• Many simple but cool map visualization examples are
provided in the version 3.0
MapV
• An opensource library for big data visualization based
on Baidu Map

6. P6
SuperMap iClient for JavaScript Sample Codes
• http://localhost:8090/iserver/iClient/forJavaScript/web/index.html
• http://iclient.supermap.io/dev/en/web/index.html

7. P7
OpenLayers
WebGIS？

8. P8
How to select map libraries
Indicator
Map base libraries and corresponding open source libraries
for Leaflet for OpenLayers for MapBoxGL iClient Classic
Leaflet OpenLayers 3/4 MapBoxGL OpenLayers 2
Whether closed-source risk exists No No No No
Advantages
Abundant lightweight
plugins
HTML5OL-Cesium
Display effects of
MVT vector tiles
Large user base,
high stability
Disadvantages Plugin stability
heavyweight and less
plugins
3857 coordinate
system supported
only
Framework out of
date
Performance High Medium High Low
Stability High Medium Medium High
Extensibility Perfect Good Bad Good
Community activity Stars 19,763 2,988 2,275 1,487
Software maturity High Medium Medium General
Community ecological chain Perfect Good Starting stage Good
Learning cost Medium High Medium High

9. P9
OpenLayers
Visualization libraries?WebGIS？

10. P10
Leaflet+mapV

11. P11
MapboxGL+mapV

12. P12
Leaflet+Echarts

13. P13
MapboxGL+ Echarts

14. P14
S u p e r M a p S o f t w a r e C o . , L t d .
北京超图
Thank You!