地图未显示

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开头标签中排除width和height属性将导致其不显示。引用react-map-gl examples on github。他们提供了使地图正常运行的重要信息。