leaflet:入门基础(五)之结束篇

前言

    到此差不多把 leaflet 官方入门教程中的一些案例写完了,接下来把剩余的一些案例简单说一下。

    官方教程:Leaflet Tutorials

    API Reference:链接

交互式地图

    程序在接受到编程人员相应的指令后而相应地做出反应,这一过程及行为,我们称之为交互。在这张美国人口密度图中,我们指到哪个州,就会告诉我们相应州的人口密度,比起直接展示全国的数据,这样的展示更容易让人聚焦到想知道的地方情况,印象更深刻,体验感更佳。[ 具体实现请查看 leaflet 官方教程]

缩放等级

    When we represent the world at zoom level zero, it’s 256 pixels wide and high. When we go into zoom level one, it doubles its width and height, and can be represented by four 256-pixel-by-256-pixel images:.

    At each zoom level, each tile is divided in four, and its size (length of the edge, given by the tileSize option) doubles, quadrupling the area. (in other words, the width and height of the world is 256·2zoomlevel pixels)  [来源]

地图与注记

    通常我们使用的地图默认都是带注记(label)的,当然有时候带有注记的地图不一定比不带注记的地图好,因为注记太多可能会遮挡住我们真正想表达的内容,而注记标注与否是可以设置的。[ 具体实现请查看 leaflet 官方教程]

Video

    leaflet 可以让我们在地图上展示一段视频,当然这个视频应该有“方向感”,它的比例也应该适合地图。[ 具体实现请查看 leaflet 官方教程]

插件:卷帘对比

   文档:https://github.com/digidem/leaflet-side-by-side

插件:全屏 

    文档:Leaflet/Leaflet.fullscreen: A fullscreen control for Leaflet (github.com)

插件:鹰眼图

    文档:https://github.com/Norkart/Leaflet-MiniMap

结语

    当然,leaflet 能实现的功能不仅限于此。leaflet 提供了可扩展的插件、控件等,在这里你能根据需求创作出你的个人工具,在这四方地图上绘制出你的美好愿景!

    一些整理的比较好的博客:leaflet常用插件地址整理

    leaflet与echart的结合的栅格图可视化

    Extending Leaflet: Class Theory

    Extending Leaflet: Layers

    Extending Leaflet: Handlers and Controls

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值