首页 / deck.gl / 使用示例
自定义图标图集
图标在画布里画好再转成 data URL,四种状态共用一张图集,切换只改图标名。
源码与运行效果
说明
图集用画布绘制,导出为 data URL 交给 iconAtlas,
再用 iconMapping 描述每个图标在图集中的位置与尺寸。
getIcon 返回图标名。
| 参数 | 作用 |
|---|---|
iconAtlas | 图集地址,data URL 同样可用 |
iconMapping | x、y、宽、高,像素 |
getIcon | 按数据返回图标名 |
sizeUnits | pixels 或 meters |
mapping 里的宽高必须与画布切分严格一致,差一像素就会在图标边缘出现相邻图标的残影。