The outline color of the fill. Matches the value of fill-color if unspecified. SDK Support Mapbox GL JS Android SDK iOS SDK basic functionality >= 0.10.0 >= 2.0.1 >= 2.0.0 data-driven styling >= 0.19.0 >= 5.0.0 >= 3.5.0 fill-pattern Paint property. Optional resolvedImage ....
"fill-outline-color":"rgba(0,0,0,0)", "fill-opacity":fillOpacity, "fill-color": { "default":"rgba(0,0,0,0)", "property": "id", "type": "categorical", "stops": stopsAdminOneFill } } }, 'city-dots-2'); 同之前介绍的一样,fill-color 是一个大的数组,包含了州的ID与对应的...
1. fill-color:填充颜色 -RGB颜色值(例如:"#FF0000"表示红色) -使用数据表达式,根据数据动态生成颜色 2. fill-opacity:填充不透明度 -0到1之间的值,0表示完全透明,1表示完全不透明 3. fill-outline-color:填充轮廓颜色 -RGB颜色值 4. line-color:线条颜色 -RGB颜色值 5. line-opacity:线条不透明度 -0到...
// 'fill-color': 'green', // 填充颜色 // 'fill-opacity': 0.3, // 透明度 // 'fill-outline-color': 'green' // 边缘颜色 // } paint: { 'circle-radius': [ // 根据像素来定义半径 'interpolate', ['linear'], ['zoom'], 0, 10, 14, 30 ], 'circle-color': { property: 'value...
'fill-color': [ 'case', ['boolean', ['feature-state', 'click'], false], 'yellow', ['boolean', ['feature-state', 'hover'], false], 'red', 'blue' ], 'fill-opacity': 0.2, 'fill-outline-color': 'red' } }) map.addLayer({ ...
"fill-color":"#000000",// 填充的颜色(可选,默认值为 #000000。如果设置了 fill-pattern,则 fill-color 将无效)"fill-outline-color":"#000000",// 描边的颜色(可选,默认和 fill-color 一致。如果设置了 fill-pattern,则 fill-outline-color 将无效。为了使用此属性,还需要设置 fill-antialias 为 true...
'fill-color': 'Some Color', 'fill-opacity': 0.4, 'fill-outline-color': 'Some Color' } let uniqueID = 'someuniqueID'; map.addLayer({ 'id': uniqueID, 'type': 'fill', 'source': { 'type': 'geojson', 'data': { 'type': 'Feature', ...
'fill-outline-color': '#0000ff', // 边界颜色 'fill-outline-width': 2 // 边界宽度 } }); }); 在上述代码中,通过设置fill-outline-width属性来调整多边形边界的宽度。可以根据需要调整宽度的数值。 Mapbox GL JS的优势在于其强大的地图渲染性能和丰富的地图样式。它支持矢量地图数据,可以实现高度自定义...
本示例的目的是介绍演示如何在vue+mapbox中加载geojson数据,显示Polygon,自定义填充色、边框等。fill的参数:fill-antialias,fill-color,fill-opacity,fill-outline-color,fill-pattern,fill-sort-key,fill-translate,fill-translate-anchor,visibility。具体请参考下面的api链接。
"fill-outline-color": "#000000", // 描边的颜色(可选,默认和 fill-color 一致。如果设置了 fill-pattern,则 fill-outline-color 将无效。为了使用此属性,还需要设置 fill-antialias 为 true) "fill-translate": [0, 0], // 填充的平移(可选,通过平移 [x, y] 达到一定的偏移量。默认值为 [0, 0...