2016-09-09 32 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'