Leaflet Realtime GeoJSON动态标记颜色更改

Question

我有一个用Leaflet构建的地图，该地图使用Leaflet-Realtime插件和Leaflet-awesome-numbered-marker插件显示来自GeoJSON 的标记 。 但是我注意到标记颜色不会动态更改，但是如果我重新加载页面，它会更改。 到目前为止的代码如下：

var map = L.map('map', {center: [46.7634, 23.5996], zoom: 14}),
realtime = L.realtime({
    url: 'get_markers.php',
    crossOrigin: true,
    type: 'json'
}, {
    interval: 500,

    pointToLayer: function (feature, latlng) {
    return L.marker(latlng, {
        'icon': new L.AwesomeNumberMarkers({
                  number: feature.properties.mynumber, 
                  markerColor: feature.properties.status.toLowerCase()
              })

    });
}
}).addTo(map);

在feature.properties.status是我的标记的颜色代码。 我想根据json中的属性实时更改标记的颜色。 有任何想法吗？

Answer 1

您可以使用updateFeature的选项L.Realtime 。 它采用具有三个参数的方法： feature ， oldLayer和newLayer 。 在其中，只需使用newLayer并使用标记的setIcon方法：

updateFeature: function (feature, oldLayer, newLayer) {
    newLayer.setIcon(new L.AwesomeNumberMarkers({
        number: feature.properties.mynumber, 
        markerColor: feature.properties.status.toLowerCase()
    }));
}

无法测试，但应该可以。

参考： https : //github.com/perliedman/leaflet-realtime#-options