0

反応プロジェクトに 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 など) は機能します。何もしていないように見えるのは不透明度だけです。

誰も同じ問題を抱えていましたか?

4

0 に答える 0