在上述代码中,通过设置fill-outline-width属性来调整多边形边界的宽度。可以根据需要调整宽度的数值。 Mapbox GL JS的优势在于其强大的地图渲染性能和丰富的地图样式。它支持矢量地图数据,可以实现高度自定义的地图展示效果。同时,Mapbox GL JS还提供了丰富的API和插件,方便开发者进行地图交互和功能扩展。
2. fill-opacity:填充不透明度 -0到1之间的值,0表示完全透明,1表示完全不透明 3. fill-outline-color:填充轮廓颜色 -RGB颜色值 4. line-color:线条颜色 -RGB颜色值 5. line-opacity:线条不透明度 -0到1之间的值 6. line-width:线条宽度 -像素单位 7. line-dasharray:线条虚线模式 -数组,用于指定虚线的...
"fill-outline-color": "#000000", // 描边的颜色(可选,默认和 fill-color 一致。如果设置了 fill-pattern,则 fill-outline-color 将无效。为了使用此属性,还需要设置 fill-antialias 为 true) "fill-translate": [0, 0], // 填充的平移(可选,通过平移 [x, y] 达到一定的偏移量。默认值为 [0, 0...
Hi! Is it possible to add fill-outline-width functionality? Now it is only possible to set color (fill-outline-color) but no possibility to set width of outline.
"line-width": 3, }, }, // polygon fill { id: "gl-draw-polygon-fill-static", type: "fill", filter: ["all", ["==", "$type", "Polygon"], ["==", "mode", "static"]], paint: { "fill-color": "#FF0000", "fill-outline-color": "#000", ...
'fill-color': 'green', // 填充颜色 'fill-opacity': 1, // 透明度 'fill-outline-color': 'green' // 边缘颜色 } }) /** * radius: 半径,单位为千米,不能为0; * center: 圆心 */ const r = 1000 / 1000; const g = turf.circle([106.33, 38.333], r); ...
{"fill-color":"#00ffff","fill-opacity":1,"fill-outline-color":"#ff0000"}};vartaiwan_normal_line_layer={'id':'taiwan_normal_line_id','type':'line','source':'taiwan_tile_source','source-layer':'TWN_adm2','layout':{'line-join':'round','line-cap':'round'},'paint':{"line-...
"line-color":"#ff0000","line-width":3, }, },// polygon fill{ id:"gl-draw-polygon-fill-static", type:"fill", filter: ["all", ["==","$type","Polygon"], ["==","mode","static"]], paint: { "fill-color":"#FF0000","fill-outline-color":"#000","fill-opacity":0.23, ...
{// "fill-outline-color": "hsl(0, 23%, 89%)",// "fill-opacity": 1,// "fill-color": "#dcd9d6"// }// },{"id":"py-sx","type":"fill","source":"composite","source-layer":"PY_SX","layout":{},"paint":{"fill-color":"#5ad0f5"}},{"id":"l-road","type":"...
fill-opacity fill-outline-color fill-pattern fill-sort-key fill-translate fill-translate-anchor fill-z-offset visibility line line-blur line-cap line-color line-cross-slope line-dasharray line-elevation-reference line-emissive-strength line-gap-width line-gradient line-join line-miter-limit line-oc...