2016-09-09 92 views
0

我使用React.js 15.3.1和Mapbox GL 0.23.0。Mapbox沒有顯示導航控件在陣營

我想顯示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} />; 
    } 
} 

謝謝!

+0

您是否收到任何控制檯錯誤/使用react開發工具? – Kilmazing

+0

@Kilmazing no errors =/ –

+0

我幾乎完全相同的代碼 – mollymerp

回答

0

我沒有足夠的信譽發表意見,並不能肯定,如果你們解決了這個,但我相信你需要直接指向node_modules目錄。我評論了Issue you opened on GitHub。導入&指向在node_modules目錄的CSS爲我做的,而不是指向'mapbox-gl/dist/mapbox-gl.css',你在你的代碼了。

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