首页 > 解决方案 > 基于内部对象值的传单标记颜色

问题描述

编写我的观察网络应用程序,需要快速了解我的设备在我的地图上的损坏点。我正在使用传单地图。所以,请给我一个方向,是否可以改变标记的颜色,使其依赖于这个集群内的 svg 对象?例如,我有一些设备用红色标记为损坏。当我的设备之一损坏时,我的地图可以将此处的绿色标记显示为红色吗?非常感谢您的回答。

我的地图示例:

在此处输入图像描述

    <div id="map"></div>
<script type="text/javascript">

    var tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            maxZoom: 18,
            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Points &copy 2012 LINZ'
        }),
        latlng = L.latLng(-37.82, 175.24);

    var map = L.map('map', {center: latlng, zoom: 13, layers: [tiles]});

    var markers = L.markerClusterGroup();

    for (var i = 0; i < addressPoints.length; i++) {
        var a = addressPoints[i];
        var title = a[2];
        var marker = L.marker(new L.LatLng(a[0], a[1]), { title: title });
        marker.bindPopup(title);
        markers.addLayer(marker);
    }

    map.addLayer(markers);

</script>

标签: javascriptjquerycssleafletleaflet.markercluster

解决方案


推荐阅读