Javascript地图库 Leaflet

Javascript地图库 Leaflet

BSD
JavaScript 查看源码»
跨平台
2013-07-02
红薯

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

没有更多内容

加载失败,请刷新页面

没有更多内容

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
787
1
使用Leaflet创建地图拓扑图

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

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

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

2018/12/03 15:46
19
0
最最流行的10个开源数据可视化项目

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

2016/12/09 01:16
24
0
最好用的20个数据可视化工具(三)

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

2013/07/25 12:23
105
0
博客传送门

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

2016/05/03 11:54
23
1
leeflet+echars做基于地图的迁移

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

2018/06/15 11:37
42
0
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
20
0
程序员必备的七个图形工具

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

2018/12/08 16:17
43
0
地图引擎:代替百度地图、高德地图等

https://leafletjs.com/ Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 38 KB of JS, it has all the mapping featur...

2018/09/25 14:51
13
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部