Mapbox не отображает элементы управления навигацией в React

Question

Я использую React.js 15.3.1 и Mapbox GL 0.23.0.

Я хочу показать navigation controls in my map, но это не отображается.

Вот мой код:

class Home extends Component { 
    constructor(props) { 
    super(props); 

    mapboxgl.accessToken = MAPBOX_TOKEN; 
    } 

    componentDidMount() { 
    const map = new mapboxgl.Map({ 
     container: 'map', 
     style: 'mapbox://styles/mapbox/light-v9', 
     center: [20, 40], 
     zoom: 1.2, 
    }); 

    map.addControl(new mapboxgl.Navigation()); 
    } 

    render() { 
    return <div id="map" style={styles} />; 
    } 
} 

Спасибо!

Answer 1

У меня недостаточно репутации для комментариев, и я не уверен, ребята ли вы это решили, но я считаю, что вам нужно указать прямо на каталог node_modules. Я прокомментировал Issue you opened on GitHub. Импорт &, указывающий на css в каталоге node_modules, сделал это для меня, вместо того, чтобы указывать на 'mapbox-gl/dist/mapbox-gl.css', как это было в вашем коде.

@import '../node_modules/mapbox-gl/dist/mapbox-gl.css'