Leaflet客户端学习笔记

Leaflet介绍

Leaflet 是一个为建设交互性好适用于移动设备地图，而开发的现代的、开源的 JavaScript 库。代码仅有 33 KB，但它具有开发在线地图的大部分功能。支持插件扩展， Leaflet强大的开源库插件涉及到地图应用的各个方面包括地图服务，数据提供，数据格式，地理编码，路线和路线搜索，地图控件和交互等类型的插件共有140多个。

Leaflet客户端学习笔记

官网地址：http://leafletjs.com/

在线API：http://leafletjs.com/reference-1.2.0.html

在线范例：http://leafletjs.com/examples.html

注：leaflet客户端开发demo参考http://malagis.com/learning-leaflet-js-note.html

SuperMap iClient for Leaflet介绍

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

官网地址：http://iclient.supermap.io/

在线API：http://iclient.supermapol.com/web/apis/leaflet.html

在线范例：http://iclient.supermapol.com/examples/leaflet/examples.html#iServer

相关模块如下图，分为Mapping，Services, Overlay，Control四个模块

Leaflet客户端学习笔记

开发入门

1、引用所需的脚本库和样式文件

1     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css" integrity="sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ=="
2         crossorigin="" />
3     <script type="text/javascript" src="https://cdn.bootcss.com/leaflet/1.0.3/leaflet.js"></script>
4     <script type="text/javascript" src="http://iclient.supermap.io/dist/iclient9-leaflet.js"></script>

View Code