如何在React js中为3d地图编写Mpbox API？

Question

我正在尝试在网页上创建3D地图。

但是图层标记没有渲染3D视图。

class ThreeDMap extends Component {
    render() {
        return ( 
    <Map
        style="mapbox://styles/mapbox/dark-v9"
        containerStyle={{
            height: "100vh",
            width: "100vw",
            flex: 1
        }}
        zoom={[15]}
        pitch={[60]}
        bearing={[-60]}
        center={[-0.481747846041145, 51.3233379650232]}>

        <Layer
            type='fill-extrusion'
            id='3d-buildings'
            sourceLayer='building'
            filter={['==', 'extrude', 'true']}
            minZoom={14}
            paint={{ "fill-color": "#81D8D0", "fill-opacity": 0.5 }} /> 
    </Map>
);}

export default ThreeDMap;

可能的原因是什么？