使用轻量级leaflet地图开源JavaScript库

Leaflet是一个用于移动端渲染交互式地图开源JavaScript库。其体积只有约38KB，比起一般的地图API，如openlayers，小了太多太多，轻量简洁，支持插件扩展，有一个友好、易于使用的API文档和一个简单的、可读的源代码。LeafLet js 结构层次如下：

 

创建一个简单的地图API 网页：

    
    
    
        
    
   
        

以上代码运行如下：

其中head 部分为引用leaflet javascript 库体，后面script为加载openstreetmap地图。

可在LeafLet js 官网： https://leafletjs.com/download.html，下载最新的leaflet包

LeafLet js 官网demo： http://leafletjs.com/examples.html ，查看相关示例教程

LeafLet js 官网API：https://leafletjs.com/reference-1.5.0.html ，最新的api说明。

LeafLet js 基本功能：

• 地图加载（底图类型、切换）：
• 地图操作（缩放、平移、定位/书签、动画）：
• 图层管理（加载、移除、调整顺序）：
• 要素标绘（点/聚簇、线、面，符号化/静态动态）：
• 属性标注（字段可选、样式定制）：
• 专题地图（点、线、面，渲染）：
• 查询定位（属性查询、空间查询/周边搜索/缓冲区/面查点线面/点线查面、图属互查、综合查询）：
• 信息窗口（入口、Popup、定制）：
• 坐标转换（地理与投影、不同地理坐标系）：
• 空间运算（长度面积测量、点取坐标、缓冲区、相交包含关系）：
• 动态监控（固定点状态切换、车辆监控）。