Javascript地图库 Leaflet

Javascript地图库 Leaflet

BSD
JavaScript 查看源码»
跨平台
2013-07-02
红薯
Leaflet 正在参加 2019 年度最受欢迎开源中国软件评选,请投票支持!
Leaflet 在 2019 年度最受欢迎开源中国软件评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票赢奖品
已投票

Leaflet是一个开源的地图Javascript库,它由Universal Mind的Vladimir Agafonkin创建的。我们将在一个应用程序中使用这个封装组件。该应用程序给我们展示了一个地图并提供了一个可以移动到地图中指定位置的按钮。

示例代码:

// create a map in the "map" div, set the view to a given place and zoom
var map = L.map('map').setView([51.505, -0.09], 13);

// add an OpenStreetMap tile layer
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

// add a marker in the given location, attach some popup content to it and open the popup
L.marker([51.5, -0.09]).addTo(map)
    .bindPopup('A pretty CSS3 popup. <br> Easily customizable.')
    .openPopup();

的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

Leaflet 1.3.2 发布 ,移动友好型交互式 JS 地图库

Leaflet 是一个领先的移动友好型交互式 JavaScript 地图库,具备开发人员所需的所有映射功能。它遵循简单、高性能和高可用性的设计思想,可在所有主流桌面和移动平台上高效运行。 Leaflet 1....

2018/07/19 07:49

Leaflet 1.3.1 发布 ,移动友好型交互式 JS 地图库

Leaflet 是一个领先的移动友好型交互式 JavaScript 地图库,具备开发人员所需的所有映射功能。它遵循简单、高性能和高可用性的设计思想,可在所有主流桌面和移动平台上高效运行。 Leaflet 1....

2018/01/21 07:39

Leaflet 1.0 ,移动友好型交互式 Javascript 地图库

Leaflet 1.0 发布了。Leaflet是一个开源的地图Javascript库,它由Universal Mind的Vladimir Agafonkin创建的。我们将在一个应用程序中使用这个封装组件。该应用程序给我们展示了一个地图并提...

2016/09/28 15:53

没有更多内容

加载失败,请刷新页面

没有更多内容

2
回答
关于JOSM画图与Leaflet导航的室内地图导航

嗯....我的问题是leaflet的导航插件Leaflet Routing Machine(以下简称LRM)无法识别自己在josm上画的地图的路径,请问这...

09/22 17:38
1
回答
在leaflet加载的osm地图文件上用svg绘制节点和路径

svg画布无法加载到地图图层上去,不知道是不是投影方式和坐标系建立不正确导致的

2016/10/25 13:31
3
回答
leaflet可以加载离线地图吗

leaflet可以加载离线地图吗

2016/05/24 11:19

没有更多内容

加载失败,请刷新页面

没有更多内容

leaflet-echarts,使用leaflet加载echarts制作超炫可视化地图

基于leaflet 扩展echarts,使ECharts的地图可以加到leaflet上

2016/01/10 13:15
847
1
使用Leaflet创建地图拓扑图

之前我们采用过Openlayers+Qunee的方案,实现地图拓扑图,鉴于Openlayers是一个古老项目,略显臃肿,对于现代的前端地图应用,显得笨重,在客户的介绍下,我们找到了leaflet – 基于HTML5的轻...

2014/07/27 23:04
10.3K
3
Angular 个人深究(五)【外部包引用 Leaflet 简单实用】

  Leaflet 使用      最近在Angular项目中,用到了地图,由于种种原因放弃了百度地图api使用,最后选择了leaflet,简单介绍一下。      介绍:      Leaflet 是一个为移动设备...

2018/12/03 15:46
54
0
离线地图

瓦片地图原理 瓦片地图由一片一片的地图瓦片构成,它的尺寸是256px*256px,是一张张的图片。下面的金字塔图片,从上到下,呈一个指数关系的增长,最上面对应比例尺最小,表示范围最大的地图,...

07/16 13:46
18
1
最好用的20个数据可视化工具(三)

日期:2013-7-25 来源:GBin1.com 在前两篇博文中,我们介绍过了10种可视化工具: 最好用的20个数据可视化工具(一) 最好用的20个数据可视化工具(二) 本篇中我们将继续介绍5款可视化工具。...

2013/07/25 12:23
110
0
最最流行的10个开源数据可视化项目

开发人员应该能够使用他们最需要的工具,同时又让社区能够带来积极影响,帮助那些工具日臻完善,从而满足不断变化的要求。

2016/12/09 01:16
43
0
博客传送门

#Awesome GIS(GIS Tech Stack技术栈) > Geomatics专栏点此:http://www.jianshu.com/collection/3fa5e8ac3fbc **** ###语言 - [Python](https://www.python.org/) 最好的快速开发语言,是一...

2016/05/03 11:54
27
1
Coding and Paper Letter(四)

资源整理。 1 Coding: 1.与Ecological Forecast这本书以及研究生相关的实践活动。 EF_Activities 2.h2o的R示例,h2o是一个机器学习的平台。 h2o-r-examples 3.R语言包rnassqs,是NOAA快速A...

2018/07/10 15:25
27
0
leeflet+echars做基于地图的迁移

- 先看一下效果图 ![迁移图效果展示](https://oscimg.oschina.net/oscnet/bbe1f7777e47587e9b5ab9da89a85e410b4.jpg "迁移图效果展示") - 接下来我们看一下它的具体实现: - 首先导入必要的j...

2018/06/15 11:37
72
0
程序员必备的七个图形工具

脑图: XMind 流程图:Graphviz 流程图: Visio、Dia、OmnIGraffle windows:Visio GNU/Linux:Dia mac:OmniGraffle 在线流程图:Processon 各种图: Word和Excel 各种图:D3.js 地图:Lea...

2018/12/08 16:17
84
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部