如何在 worldGeoJSON（React 传单）中透明海洋并仅显示一个国家

Question

我在 React 传单库中使用 worldGeoJSON 创建了一张地图

下面是我的代码：


<LeafletMap
    center={[50, 10]}
    zoom={6}
    // minZoom={6}
    maxZoom={10}
    attributionControl={true}
    zoomControl={false}
    doubleClickZoom={true}
    scrollWheelZoom={true}
    dragging={true}
    animate={true}
    easeLinearity={0.35}
        >

        <GeoJSON
            data={worldGeoJSON}
            style={() => ({
            color: '#528cee',
            weight: 0.5,
            fillColor: "#555E6D",
            fillOpacity: 1,
        })}
        />

        <Marker position={[50, 10]}></Marker>
    </LeafletMap>

这是结果：

我有两个问题：

1.我如何将海洋的颜色更改为透明或...

2。如何只显示一个国家

Answer 1

我解决了第一个问题：添加

background: transparent;

至

.leaflet-container

如何在 worldGeoJSON（React 传单）中透明海洋并仅显示一个国家

how to transparent seas in worldGeoJSON (React leaflet) and show only one country

geojson

leaflet

reactjs