StyleImageInterface

定义于: src/style/style_image.ts:148

用于动态生成样式图像的接口；这是给实现者建模的规范，而不是导出的方法或类；

实现此接口的图像可以在每一帧中重新绘制；它们可以用于制作图标和图案的动画或使其响应用户输入；样式图像可以实现StyleImageInterface#render方法；该方法在每一帧调用，可用于更新图像；

参见

向地图添加一个动画图标；

示例

`let flashingSquare = { width: 64, height: 64, data: new Uint8Array(64 * 64 * 4),

onAdd: function(map) {
    this.map = map;
},

render: function() {
    // 当图标在地图上时持续重绘
    this.map.triggerRepaint();

    // 根据时间在黑色和白色之间交替
    let value = Math.round(Date.now() / 1000) % 2 === 0  ? 255 : 0;

    // 检查图像是否需要更改
    if (value !== this.previousValue) {
        this.previousValue = value;

        let bytesPerPixel = 4;
        for (let x = 0; x < this.width; x++) {
            for (let y = 0; y < this.height; y++) {
                let offset = (y * this.width + x) * bytesPerPixel;
                this.data[offset + 0] = value;
                this.data[offset + 1] = value;
                this.data[offset + 2] = value;
                this.data[offset + 3] = 255;
            }
        }

        // 返回true表示图像已更改
        return true;
    }
}

}

map.addImage('flashing_square', flashingSquare); `