如何更改标记的颜色

debugcn 发表于 Dev

格里奇卡

这是我在地图上添加标记的代码：

var marker = {'depart':null, 'arrivee':null};
var DEPART = "depart";
var ARRIVEE = "arrivee";
function addMarkerIti(statut, data, countMarker) {
        if (statut === "")
            statut = DEPART;
        var link = '<button type="submit" onclick="removeEtape('+ (statut === DEPART ? 1 : statut === ARRIVEE ? 2 : countRemoveMarker)  + ');" class="btn btn-danger btn-xs btn-block btn-popup">Supprimer ce marker</button>';
        var mm = L.marker([data.coordonnee[0], data.coordonnee[1]],  statut === DEPART ? {icon: blueIcon} : statut === ARRIVEE ? {icon: greenIcon} : {icon: yellowIcon})
        .addTo(lgMarkers).bindPopup((data.rue != "" ? "<strong>Adresse : </strong>" + (data.numero != "" ? data.numero + " " : "") + data.rue + "</br>" : "" ) 
                + (data.quartier != "" ? "<strong>Quartier : </strong>" + data.quartier + "</br>" : "")
                + (data.cp != "" ? "<strong>Code Postal : </strong>" + data.cp + "</br>" : "")
                + (data.ville != "" ? "<strong>Ville : </strong>" + data.ville + "</br>" : "")
                + "<strong>Latitude : </strong>" + data.coordonnee[0] + "</br>"
                + "<strong>Longitude : </strong>" + data.coordonnee[1] + "</br>" + link);

        if (statut === DEPART || statut === ARRIVEE) {
            marker[statut] = mm;
    }

标记的颜色由{icon：blueIcon}，{icon：greenIcon}等定义。

var blueIcon = new MarkerIcon({iconUrl: '../js/leaflet/images/marker-icon.png'});
var greenIcon = new MarkerIcon({iconUrl: '../js/leaflet/images/marker-icon-green.png'});
var yellowIcon = new MarkerIcon({iconUrl: '../js/leaflet/images/marker-icon-yellow.png'});

我需要创建一个更改标记颜色的函数（{icon：... Icon}）。如何修改标记的图标？

谢谢你的帮助。

雅弗雷德

标记具有setIcon方法

为了使您的标记黄色，请执行以下操作：