Основная карта DeckGL с кнопками контроллера в React

Question

Я пытаюсь заставить работать базовый пример DeckGL.

Что я должен сделать, чтобы увидеть кнопки управления, подобные изображению ниже?Это просто занимает слишком много времени, поэтому я решил спросить у сообщества SO. билет из колоды GH.

Answer 1

import { StaticMap, NavigationControl } from 'react-map-gl';

<DeckGL
    ref={ref => {
        // save a reference to the Deck instance
        this.deck = ref && ref.deck;
    }}                
    initialViewState={initialViewState}
    controller={MapController}
    layers={[layer]}
    >
        <StaticMap
            onLoad={this._onMapLoad}
            ref={ref => {
            // save a reference to the mapboxgl.Map instance
            this.map = ref && ref.getMap();
            }}
            mapStyle={'mapstyle'}
            mapboxApiAccessToken={MAPBOX_ACCESS_TOKEN} >

            <div className='mapboxgl-ctrl-top-right'>
                <NavigationControl 
                onViewportChange={viewport => this.setState({ viewport })}
            />
            </div>
    </StaticMap>
</DeckGL>

Должно работать.