Question

我需要创建一个带有自定义图标和html字符串的个性化标记。 divIcon，Icon和标记功能之间的合并。

css无法插入图像，因为我将不得不动态调用它。

var myIcon = L.divIcon({
	className: 'my-div-icon',
	iconSize: [60, 15],
    iconAnchor: [60, 15],
	html: "<?php echo "<a href='http://www.......' target='_blank'>{$arraydatareadILAZIOCI9[2]} °C</a>"; ?>"});
    L.marker([41.591, 12.831], {
	icon: myIcon,
	}).addTo(temperature);

谢谢

Answer 1

我看不到为什么需要图像，只需使用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],
    ...

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

1 个答案: