【Leaflet开发】L.GridLayer 扩展

前序

扩展 Girdlayer 是受 openlayer 提供的 ol.source.TileDebug 启发，因为 leaflet 是没有这样的 api，所以就想着做一个类似的插件

最终实现效果

L.Girdlayer

• L.GridLayer 是一个一般类，其用于 HTML 元素的格网切片。它是所有切片层(Tile Layer)的基类，且替换了之前版本的 TileLayer.Canvas. GridLayer 可以被用于扩展 canvas, img 或者 div 类型的 html 元素，支持切片的创建以及动画响应。

• 想要自定义切片层，则需继承 GridLayer 并且重写 createTile()函数来绘制切片,其中可以是同步或异步返回切片，同步方式：该函数传递参数 coords（其中 x，y 为切片的序号 , z 为缩放层级）,异步则会多返回一个 done 回调函数

   1// 以下代码 来自 https://leafletjs.com/reference-1.6.0.html#gridlayer
   2// 同步
   3var CanvasLayer = L.GridLayer.extend({
   4    createTile: function