借助leaflet开发栅格地图

没有严谨冗长的下定义，没有生动形象的口水话，我是前端黏贴板。

• 栅格地图能做什么

  栅格地图：由数字矩阵接合而成图像。 简单说，把完整的图片分割成有规律的若干部分，再相同的规律在程序中拼接起来。 小到室内设计/工位图，大到世界地图均可采用栅格地图实现 此处介绍的是webgis中的leaflet框架。

• 准备工作

  所需展示的无非是地图与图上信息。 除去code层面上，需要准备的就是内容的数字信息。 leaflet同时支持http与file协议，一串可供img的src解析的路径即可。 此处可以自行编辑一张图片，或者申请高德/百度的api

• 绕不过去的配置参数

  leaflet文档

  1. url：步骤二中地图服务
  2. zoom：层级，在url中体现为z参数
  3. center：视图中心点
  4. bounds：视图边界
  5. crs：参照坐标系，与gis相关

• vue-leaflet精简代码

  Vue2Leaflet地址

  vue组件化开发，友好的中文文档，不赘述

• 致谢：

  所谓前人栽树，后人摘果。 好的模仿是学习的一半，从抄袭别人的代码到引用别人的文章。

  在此附上特别好的整理文章：入门Leaflet之小Demo