为什么我的笔画线条在我的宣传单地图中闪亮/仍然显示?

时间:2017-10-27 00:34:28

标签: css leaflet geojson

这是我的地图的主页: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);

1 个答案:

答案 0 :(得分:0)

RTFM。让我引用Leaflet API documentation引用的关于从L.Path继承的多边形/折线选项的部分:

  

stroke Boolean true是否沿着路径绘制笔划。将其设置为false以禁用多边形或圆圈上的边框。

因此,您应该设置stroke选项,其值为false。这将告诉矢量渲染器(SVG或Canvas)显式跳过笔划。

但是,由于slivers,您的案例可能是polygon simplification之一。这直接取决于折线和多边形的smoothfactor option。请注意性能影响。