下午好,
我正在与取决于圆半径的传单说明战斗。因为我将要具有相同的颜色,但大小不同的值。我想创建适合他们的图例。
我尝试了这个示例:
http://jsfiddle.net/nathansnider/o563bg44/5/
实施到我的地图中。
为此,我使用了以下代码:
function getRadius(r) {
//r = Math.sqrt(y / Math.PI)
//return r;
return r > 100 ? 15 :
r > 50 ? 10 :
r > 20 ? 6 :
r > 10 ? 3 :
0;
}
var legend = L.control({position: 'bottomright'});
legend.onAdd = function (map) {
var div = L.DomUtil.create('div','info legend');
grades = [0,10,20,50,100],labels = ['<strong>Amount of units</strong>'],categories = ['> 100','50-100','1-50','N/A'];
for (var i = 0; i < grades.length; i++) {
labels.push(
'<i class="circlepadding" style="width: '+Math.max(0,(19-1.8*getRadius))+'px;"></i> <i
style="background: #8080A0; width: '+getRadius*2+'px; height: '+getRadius*2+'px; border-radius:
50%; margin-top: '+Math.max(0,(9-getRadius))+'px;"></i> ');
}
div.innerHTML = labels.join('<br>');
return div;
};
legend.addTo(map);
但最终我得到的结果如下图所示:
有人可以帮我解决这个问题吗?