反応プロジェクトに Kepler.gl を使用しています。透明にしたいポリゴンを含むデータセットがあります。geoJson で opacity プロパティを渡しています
{
type: "Feature",
geometry: {
type: "Polygon",
coordinates: [
[
[12.57638102369686, 55.68100585730289],
[12.575605804451902, 55.68048395158776],
[12.576431037841035, 55.680034919024024],
[12.577447992118934, 55.68072844882596],
[12.57638102369686, 55.68100585730289]
]
]
},
properties: {
lineColor: [130, 154, 227],
lineWidth: 0.05,
opacity: 0.2,
fillColor: [0, 0, 256],
},
id: uuid()
},
その後、ケプラーの geojson プロセッサによって処理されます
const datasets = []
dataSource.features.map((feature, index) =>
datasets.push({
info: {
label: `${index}`,
id: `${index}`
},
data: processGeojson(feature)
})
)
useEffect(() => {
dispatch(
addDataToMap({
datasets: datasets,
options: {
centerMap: true,
readOnly: false
},
config: config
})
)
}, [dataSource])
他のプロパティ (lineColor、lineWidth など) は機能します。何もしていないように見えるのは不透明度だけです。
誰も同じ問題を抱えていましたか?