这是我的地图的主页:https://cdn.rawgit.com/elbertwang3/asiansintheus/bf7ea219/index.html
在第一张地图中,我将笔触线的不透明度和粗细设置为0,但是笔划线仍然显示出来!它们并非完全存在,但在某些交叉路口它们有光泽/一半。我能摆脱它们还是能以某种方式使它们变得均匀?这使得等值线看起来很奇怪。作为参考,我使用了一个geojson来渲染县界,所以我不确定这是一个Leaflet问题还是geojson问题。
以下是我为地图设计样式的部分:
var getColor = chroma.scale(['#451A53','#40968B','#FDE733']).domain([0,110000])
function style(feature) {
return {
fillColor: getColor(feature.properties['2009']),
color: 'white',
weight: 0,
opacity: 0,
fillOpacity: 1
};
}
L.geoJson(countyData, {style: style}).addTo(countymap);
答案 0 :(得分:0)
RTFM。让我引用Leaflet API documentation引用的关于从L.Path
继承的多边形/折线选项的部分:
stroke
Boolean
true
是否沿着路径绘制笔划。将其设置为false
以禁用多边形或圆圈上的边框。
因此,您应该设置stroke
选项,其值为false
。这将告诉矢量渲染器(SVG或Canvas)显式跳过笔划。
但是,由于slivers,您的案例可能是polygon simplification之一。这直接取决于折线和多边形的smoothfactor
option。请注意性能影响。