supermap iclient for javascript introduction iclient for javascript...supermap iclient for...

14
P1 SuperMap Software Co., Ltd. 北京超图 SuperMap iClient for JavaScript Introduction SuperMap Software Co., Ltd.

Upload: others

Post on 05-Aug-2020

21 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: SuperMap iClient for JavaScript Introduction iClient for Javascript...SuperMap iClient for JavaScript Introduction Map JS map libraries •OpenLayers3/4 •H5 –WebGL •Vector Layers

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.

Page 2: SuperMap iClient for JavaScript Introduction iClient for Javascript...SuperMap iClient for JavaScript Introduction Map JS map libraries •OpenLayers3/4 •H5 –WebGL •Vector Layers

P2

01 Product Introduction

02 Product Selection

Page 3: SuperMap iClient for JavaScript Introduction iClient for Javascript...SuperMap iClient for JavaScript Introduction Map JS map libraries •OpenLayers3/4 •H5 –WebGL •Vector Layers

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 9D

iManager Online

Page 4: SuperMap iClient for JavaScript Introduction iClient for Javascript...SuperMap iClient for JavaScript Introduction Map JS map libraries •OpenLayers3/4 •H5 –WebGL •Vector Layers

P4

SuperMap iClient for JavaScript Introduction

SuperMapiClient for JavaScript

OpenLayers Leaflet MapboxGL Classic

Map

libraries

Data

visualization

Page 5: SuperMap iClient for JavaScript Introduction iClient for Javascript...SuperMap iClient for JavaScript Introduction Map JS map libraries •OpenLayers3/4 •H5 –WebGL •Vector Layers

P5

SuperMap iClient for JavaScript Introduction

Map 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

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

Page 6: SuperMap iClient for JavaScript Introduction iClient for Javascript...SuperMap iClient for JavaScript Introduction Map JS map libraries •OpenLayers3/4 •H5 –WebGL •Vector Layers

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

Page 7: SuperMap iClient for JavaScript Introduction iClient for Javascript...SuperMap iClient for JavaScript Introduction Map JS map libraries •OpenLayers3/4 •H5 –WebGL •Vector Layers

P7

OpenLayers

Polymaps

WebGIS?

Page 8: SuperMap iClient for JavaScript Introduction iClient for Javascript...SuperMap iClient for JavaScript Introduction Map JS map libraries •OpenLayers3/4 •H5 –WebGL •Vector Layers

P8

How to select map libraries

IndicatorMap 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

AdvantagesAbundant lightweight plugins

HTML5OL-CesiumDisplay effects of MVT vector tiles

Large user base,high stability

Disadvantages Plugin stability 较重插件较少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

Page 9: SuperMap iClient for JavaScript Introduction iClient for Javascript...SuperMap iClient for JavaScript Introduction Map JS map libraries •OpenLayers3/4 •H5 –WebGL •Vector Layers

P9

OpenLayers

Polymaps

Visualization libraries?WebGIS?

Page 10: SuperMap iClient for JavaScript Introduction iClient for Javascript...SuperMap iClient for JavaScript Introduction Map JS map libraries •OpenLayers3/4 •H5 –WebGL •Vector Layers

P10

Leaflet+mapV

Page 11: SuperMap iClient for JavaScript Introduction iClient for Javascript...SuperMap iClient for JavaScript Introduction Map JS map libraries •OpenLayers3/4 •H5 –WebGL •Vector Layers

P11

MapboxGL+mapV

Page 12: SuperMap iClient for JavaScript Introduction iClient for Javascript...SuperMap iClient for JavaScript Introduction Map JS map libraries •OpenLayers3/4 •H5 –WebGL •Vector Layers

P12

Leaflet+Echarts

Page 13: SuperMap iClient for JavaScript Introduction iClient for Javascript...SuperMap iClient for JavaScript Introduction Map JS map libraries •OpenLayers3/4 •H5 –WebGL •Vector Layers

P13

MapboxGL+ Echarts

Page 14: SuperMap iClient for JavaScript Introduction iClient for Javascript...SuperMap iClient for JavaScript Introduction Map JS map libraries •OpenLayers3/4 •H5 –WebGL •Vector Layers

P14

S u p e r M a p S o f t w a r e C o . , L t d .

北京超图

Thank You!