Как мне написать Mpbox API для 3D-карты в React JS?

Я пытаюсь создать 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;

Какова возможная причина?

0 ответов

Другие вопросы по тегам