Question

我在weather项目https://github.com/StephenGrider/ReduxCasts的React中找到了唯一可用的谷歌地图示例。它可以与npm i; npm start

一起安装

我有https://bitbucket.org/codyc54321/anthony-project-react，当你点击地图时地图没有显示错误，但页面上没有显示任何内容。如果您检查元素并打开正文，您确实会看到许多包含谷歌地图的html的div，但没有任何内容可见。我没有造型，所以我不知道它为什么会隐形。

地图是

import React, { Component } from 'react';

class GoogleMap extends Component {

  componentDidMount() {
    new google.maps.Map(this.refs.map, {
      zoom: 12,
      center: {
        lat: this.props.lat,
        lng: this.props.lon
      }
    });
  }

  render() {
    return <div ref="map" />;
  }
}

export default GoogleMap;

Answer 1

确保地图的父容器具有明确的高度和宽度大小。如果没有这些更改，地图就会显示在那里。

渲染后不会显示React map元素

1 个答案: