经纬志
首页 / deck.gl / 使用示例

自定义图标图集

图标在画布里画好再转成 data URL,四种状态共用一张图集,切换只改图标名。

deck.gl 9.0 · 更新 2026-10-27
源码与运行效果
运行效果

说明

图集用画布绘制,导出为 data URL 交给 iconAtlas, 再用 iconMapping 描述每个图标在图集中的位置与尺寸。 getIcon 返回图标名。

参数作用
iconAtlas图集地址,data URL 同样可用
iconMappingx、y、宽、高,像素
getIcon按数据返回图标名
sizeUnitspixels 或 meters

mapping 里的宽高必须与画布切分严格一致,差一像素就会在图标边缘出现相邻图标的残影。