五分钟学GIS | 快速认识Leaflet


Leaflet是近几年新兴的广受欢迎的前端地图可视化开源框架,在Github上有高达19000多颗星,比老牌开源地图框架OpenLayers还要多哦,其火热程度可见一斑。Leaflet以简单易用高效为开发理念,设计轻巧灵活,非常易于理解和上手,这也是它被众多开发喜爱的原因之一。

Leaflet虽然设计简单,易于上手,可是其麻雀虽小,五脏俱全,能实现的效果和功能一点也不输其他前端地图框架。并且由于其灵活的可扩展性,和纷繁众多的插件,足以满足各种各样的功能需求。

移动端友好

Leaflet是轻量级、跨平台的,其压缩库包只有38kB,对移动端友好,并且PC上的所有效果均能在移动端上无缝呈现。 它能够轻松的在iPad、iPhone 和Android等手机上构建全视口应用。提供特有的locate接口让开发者能够轻松的获取到当前的定位信息并使用它。

丰富的可视化效果

Leaflet可以轻松的构建自定义marker在图上展示,支持图上视频;

Leaflet提供的L.Icon 接口可以设置图标图片和阴影图片,让图标更加立体,并且设置锚点的位置,让图标定位更加精准;通过L.ImageOverlays 接口你可以像添加一个地图图层一样添加视频文件并在地图上展示。此外还有很多诸如时空动画、热力图、聚合点等效果都可以轻松实现。
其和SuperMap iClient 9D for Leaflet结合后,同时支持矢量分块图层,让你轻松配置想要的地图风格。矢量分块属于客户端的矢量地图,地图的渲染全部都在客户端完成。服务器提供地图矢量数据,以及地图的渲染风格属性信息,客户端负责地图渲染出来,这样就可以轻松修改地图风格而不必关心地图服务器和服务端缓存。

出众的渲染性能

Leaflet采用html5实现高性能渲染,地图呈现细腻流畅,和SuperMap iClient 9D for Leaflet结合可以轻松渲染10万以上的点数据。

多种数据格式支持

Leaflet支持市面上大部分服务标准,让你在项目对接上无后顾之忧。GeoJSON是一种用来web传输编码各种地理数据的结构格式。Leaflet提供L.geoJSON接口可以轻松的对GeoJSON进行编码转换并呈现在地图上;对OGC服务也支持非常全面,基于 L.TileLayer接口可以对接WMS、WMTS等服务。同时可以对L.TileLayer进行扩展构建自定义图层。

灵活的可扩展性—与SuperMap结合

Leaflet受欢迎的主要因素之一就是其灵活的可扩展性,这让其在社区上拥有众多的扩展插件,满足各种功能需求,SuperMap iClient 9D产品也对其做了全面对接,并且被Leaflet收录为官方推荐插件。
使用 SuperMap iClient 9D for Leaflet可以在Leaflet上轻松构建SuperMap图层,并且使用SuperMap提供的诸如网络分析、空间分析、交通换乘等各种服务,SuperMap 9D还新增实时数据服务、大数据分析服务。访问http://iclient.supermap.io或在Leaflet官网插件页即可获取SuperMap iClient for Leaflet插件库。SuperMap iClient 9D for Leaflet不仅仅可以在Leaflet上使用SuperMap的地图服务,我们还对其做了更多扩展,您可以方便的在SuperMap iClient for Leaflet上使用ECharts图表轻松绘制诸如折现图、柱状图、散点图等各种图表;使用MapV和D3.js绘制OD图、蜂巢图、格网图、流向图等动静结合的炫酷的可视化效果;使用OSMBuildings即刻展现建筑立体效果;使用Turf.js实现客户端空间拓扑分析;并且可以使用超图云、天地图、百度地图等互联网地图作为底图数据,十分方便。

Leaflet拥有众多的插件,,这里介绍几款我们web GIS开发中好用的插件。
Leaflet.markercluster – 为Leaflet提供漂亮动态聚类功能
Leaflet.awesome-markers 漂亮的高清markers,基于Glyphicons / Font-Awesome icons
Leaflet.draw – 矢量画图工具
Leaflet.hash 位置哈希表
Leaflet.fullscreen 全屏功能
Leaflet.editable 几何编辑工具
Leaflet.providers 底图提供者设置

转载自:https://blog.csdn.net/supermapsupport/article/details/78403044

You may also like...