Reactjs 为笔划、填充选择不同的颜色

我在GeoJson路径上添加了箭头。我想知道是否有一种方法可以自定义笔划颜色，使其与填充颜色不同

以下是我尝试过的选项：

    {
      offset: "20%",
      repeat: "30%",
      symbol: L.Symbol.arrowHead({
        pixelSize: zoom * 2,
        pathOptions: {
          fillOpacity: 1,
          weight: 0,
          // fill: true,
          // fillColor: "#c71002",
          color: "#c71002",
          stroke: true,
          strokeColor: "#fff"
        }
      })
    }
  ]

---

实际上，

strokeColor

不受支持

要实现类似边框的效果，可以指定以下属性（从）

• stroke

  设置为true（默认）-确定是否沿路径绘制笔划

• 权重

  -笔划宽度（像素）

• 颜色

  -笔划颜色

场景后面的

箭头

符号渲染为多边形或多段线

范例

L.polylineDecorator(layer, {
  patterns: [
    {
      offset: "10%",
      repeat: "20%",
      symbol: L.Symbol.arrowHead({
        pixelSize: 25,
        pathOptions: {
          color: "#c71002",
          fillColor: '#fff',
          fillOpacity: 1,
          stroke: true,
          weight: 2,
        },
      }),
    },
  ],
}).addTo(map);

结果