TileLayer.Canvas
概述
在浏览器端创建canvas瓦片层,扩展TileLayer
用法示例
var canvasTiles = FMap.tileLayer.canvas();
canvasTiles.drawTile = function(canvas, tilePoint, zoom) {
var ctx = canvas.getContext('2d');
// draw something on the tile canvas
}
创建（Creation）
创建:
| 创建 | 描述 |
|---|---|
| FMap.tileLayer.canvas( <TileLayer options> options? ) | 设置option对象实例化一个Canvas tile layer对象 |
选项（Options）
选项:
| 选项 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| async | Boolean | FALSE | 瓦片异步绘制,每个瓦片绘制完成后回调 tileDrawn方法 |
方法（Methods）
方法:
| 方法 | 参数 | 返回值 | 描述 |
|---|---|---|---|
| drawTile() | <HTMLCanvasElement> canvas,<Point> tilePoint,<Number> zoom | this | 每次绘制完瓦片后需要定义这个方法,canvas所绘制的瓦片是真实存在,tilePoint表示瓦片的数量,zoom 表示缩放级别 |
| tileDrawn() | <HTMLCanvasElement> canvas | - | 异步绘制后的回调函数 |