reactjs - 地图没有显示

Question

我正在使用 React-Map-GL 但它没有出现，我不知道为什么。

这是我要渲染的组件：

import ReactMapGL, {Marker} from 'react-map-gl';
import React, {Component} from 'react';
import {apikey} from '../api/api';
class LocateUsers extends Component {
    render() {
        return(
            <ReactMapGL mapboxApiAccessToken={apikey}
            latitude={37.78} longitude={-122.41} zoom={8}>
                <Marker latitude={37.78} longitude={-122.41} offsetLeft={-20} offsetTop={-10}>
                  <div>You are here</div>
                </Marker>
              </ReactMapGL>
        );
    }
}

export default LocateUsers;

有谁知道为什么不显示？什么都没有出现。

Answer 1

从 ReactMapGL 开始标签中排除宽度和高度属性将导致它不显示。参考github 上的 react-map-gl示例。他们有很好的信息让地图正常工作。