Leaflet官方教程
JaedongXue
这个作者很懒,什么都没留下…
展开
-
Leaflet官方教程(一)——Leaflet Quick Start Guide
最近开始翻译的东西有点多啊,但是越看官方文档越是兴奋,觉得很有意思,白天工作忙,没时间翻译,有时候会看看实践实践,晚上加班翻译一下!老规矩,择要翻译!Leaflet Quick Start Guide一步一步开始使用leaflet基础,包括设置leaflet地图、添加markers、polylines和popups、处理事件。Preparing your page在开始写地图代码之前,你需要做一些...翻译 2018-05-28 21:27:01 · 49138 阅读 · 4 评论 -
Leaflet官方教程(二)——Leaflet on Mobile
Leaflet on Mobile在这个例子中,你将学习到在移动设备中创建全屏地图,并且如何探测和使用用户当前位置。Preparing the page首先我们看一下html和CSS代码。为了让map div元素拉伸到整个屏幕,我们要用如下CSS代码。body { padding: 0; margin: 0;}html, body, #map { height: 100%; ...翻译 2018-05-28 21:55:14 · 4680 阅读 · 0 评论 -
Leaflet官方教程(三)——Markers With Custom Icons
Markers With Custom Icons这个教程中,将在marker中使用自定义的图标。Preparing the images为了制作常用的图标,我们通常需要二张图片,一张真实图片一张投影图片。下面我们利用树叶图片来举例:注意:图片空白部分要是透明的。Creating an iconleaflet中marker的图标是由L.Icon事件来定义的,我们可以在创建marker时传入选项:下...翻译 2018-05-28 22:12:41 · 4552 阅读 · 0 评论