我在这里操纵地图框标记半径示例:
https://www.mapbox.com/mapbox.js/example/v1.0.0/marker-radius-search/
尝试在随机点的某个半径内更改标记的颜色/图标,但是尽管属性已注册为已更改,但颜色不会更改。这是我的代码:
clusterLayer = L.mapbox.featureLayer('examples.map-h61e8o8e').on('ready', function(e) {
clusterGroup = new L.MarkerClusterGroup({
showCoverageOnHover: false,
animateAddingMarkers: true
});
e.target.eachLayer(function(layer) {
clusterGroup.addLayer(layer);
layerArray.push(layer);
});
map.addLayer(clusterGroup);
});
window.setTimeout(eventFunction,eventTiming);
function eventFunction(){
clusterLayer.setFilter(affectMarker);
}
function affectMarker(feature) {
var fLat = feature.geometry.coordinates[1];
var fLng = feature.geometry.coordinates[0];
var fPt = L.latLng(fLat,fLng);
var dist = eventPt.distanceTo(fPt);
if (dist < eventRadius){
feature.properties['marker-color'] = eventColorNegative;
feature.properties['marker-symbol'] = 'danger';
}
}
为什么这不起作用?我已经确认它返回了有效点数。
另请注意,正在使用的标记为MakiMarkers
答案 0 :(得分:1)
我找到了两种方法来做到这一点,尽管我认为这两种方法都不如上面的代码那样理想。第一个是,而不是使用setFilter
,请使用eachLayer
:
clusterLayer.eachLayer(affectMarker);
然后在循环中使用setIcon:
layer.feature.properties['marker-color'] = eventColorNegative;
layer.feature.properties['marker-symbol'] = 'danger';
layer.setIcon(L.mapbox.marker.icon(layer.feature.properties));
另一种方法是首先包含MakiMarkers扩展(我相信已被弃用并转入Mapbox):
https://github.com/jseppi/Leaflet.MakiMarkers
然后使用以下语法:
layer.setIcon(L.MakiMarkers.icon({icon: "danger", color: eventColorNegative}));