Mapbox未在React

时间:2016-09-09 16:03:38

标签: javascript reactjs mapbox mapbox-gl mapbox-gl-js

我使用的是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} />;
  }
}

谢谢!

1 个答案:

答案 0 :(得分:0)

我没有足够的声誉来评论,也不确定你们是否解决了这个问题,但我相信你需要直接指向node_modules目录。我对Issue you opened on GitHub发表了评论。进口&amp;指向node_modules目录中的css为我做了,而不是像你在代码中那样指向'mapbox-gl/dist/mapbox-gl.css'

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