使用leaflet-react我如何控制`<geojson>`

Question

我目前正在使用<GeoJSON>在地图上显示多边形的featureCollection。这输出svg类似于：

<svg>
    <g>
        <path...></path>
        <path...></path>
        <path...></path>
        <path...></path>
    </g>
</svg>

我的每个geojson功能都以路径形式出现 - 但我们希望能够控制功能的呈现，以便能够将它们包装在一个组中，还包括一个图标和一些文本，例如： / p>

<svg>
    <g class="group">
        <g class="status">
            <path...></path>
            <image x="" y="" xlink:href="image.png"></image>
            <text x="" y="">
                ...
            </text>
        </g>
        <g class="status">
            <path...></path>
            <image x="" y="" xlink:href="image.png"></image>
            <text x="" y="">
                ...
            </text>
        </g>
        <g class="status">
            <path...></path>
            <image x="" y="" xlink:href="image.png"></image>
            <text x="" y="">
                ...
            </text>
        </g>
    </g>
</svg>

我对传单很新，而传单反应更是如此 - 我查看了文档，但我可能没有找到正确的术语。我可能需要使用除<GeoJSON>之外的其他内容吗？感谢您的帮助，如果我可以扩展任何内容，请告诉我。