Leaflet 带有个性化图标的个性化标记和传单上的html

我需要创建一个自定义图标和html字符串内部个性化标记。 divIcon、Icon和marker函数之间的合并

css无法插入图像，因为我必须动态调用它

var myIcon=L.divIcon({
类名：“我的div图标”，
iconSize:[60,15]，
iconAnchor:[60,15]，
html:“}”；
L.标记（[41.591,12.831]{
图标：我的图标，
}).addTo（温度）我不明白您为什么需要图像，只需像这样使用css：

.my-div-icon {
    background-color: #fd8424;
    border-radius: 3px;
    border: 2px solid #ca6a1b;
}

即使您希望根据内容使用不同颜色的标记，也可以执行以下操作：

.my-div-icon {
    background-color: #fd8424;
    border-radius: 3px;
    border: 2px solid #ca6a1b;
}

.my-div-icon.blue{
    background-color: blue;
}

var myIcon = L.divIcon({
    className: 'my-div-icon <?php echo $array[$i]['colour'];?>',
    iconSize: [60, 15],
    ...

然后，在动态创建标记时，将颜色添加为类，如：

.my-div-icon {
    background-color: #fd8424;
    border-radius: 3px;
    border: 2px solid #ca6a1b;
}

.my-div-icon.blue{
    background-color: blue;
}

var myIcon = L.divIcon({
    className: 'my-div-icon <?php echo $array[$i]['colour'];?>',
    iconSize: [60, 15],
    ...

var myIcon=L.divIcon({
类名：“我的div图标”，
iconSize:[60,15]，
...
到目前为止您尝试了什么？@MeteoCloud:如果当前的答案不能解决您的上述问题，您应该已经能够在该答案下发表评论，以要求进一步解释。如果您仍然需要上述问题以外的帮助，请打开一个新问题，并提供相关详细信息。请确保您阅读了答案。