如何为已配置其他图标选项的Leaflet标记单独设置iconSize

解决方法 #

你无需为不同尺寸的标记额外创建子分组，featureGroup.subGroup仅作为批量控制标记显隐的集合容器，不会限制组内单个标记的样式差异，你当前的代码结构只需要做一处修改即可实现需求：

1. 放开图标尺寸配置注释 #

你封装的optionsMarqueur函数已经接收了尺寸参数，仅需要取消iconSize行的注释即可让传入的尺寸生效：

function optionsMarqueur(markerColor, icon, size, iconColor) {
    return {
        backgroundColor: markerColor,
        borderColor: markerColor,
        icon: icon,
        iconSize: size, // 取消这行的注释
        textColor: iconColor
    };
}

2. 直接使用现有逻辑即可 #

你已经为不同图标预定义了不同尺寸（比如mLOCTPAN尺寸为[17,17]、mLOCTBR尺寸为[22,26]），将对应图标绑定到标记上后，即使同属一个子分组，标记也会各自应用自身的图标尺寸，完全不会冲突。

如果后续需要为临时的特殊标记设置自定义尺寸，也不需要新增预定义图标变量，直接在创建标记时生成对应配置即可：

// 示例：创建一个特殊尺寸的LOC类标记，无需新增子分组
L.marker([49, 2], {
    icon: L.BeautifyIcon.icon(optionsMarqueur('#3a86ff', 'home', [32, 32], '#fff'))
}).addTo(gLOC);

这个标记会跟随gLOC分组的开关同步显隐，同时拥有独立的尺寸样式。

内容的提问来源于stack exchange，提问作者ThibaultP