Question

我有一个应用程序，其中包含一个包含在ReactJs应用程序中的谷歌地图。除非按下PF12，否则我看不到地图[只有Google徽标和灰色背景] 当我进入调试模式或离开调试模式时，会出现地图。 PF12似乎解决了地图缺席的问题，这很奇怪.... 它似乎与为调试模式生成的密钥无关，就像我保持在调试模式并返回到我的地图页面一样，在按下PF12并且调试控制台消失之前我无法显示地图.... 。按PF12进入调试模式或离开调试模式会使地图出现，但我不明白为什么！事件问题？例如，map jsx文件非常简单：

export class BasicMap extends React.Component {
....
 render() {
    return (
      <div style={style}>
        <Map
        google={this.props.google}
          style={{width: '570px', height: '400px', position: 'relative'}}
          className={'map'}
          zoom={5}
          containerStyle={{}}>
            <Marker
          name={'SOMA'}
          position={{lat: -33.8907066882, lng: 150.877077}}
          onClick={this.onMarkerClick.bind(this)}
          />
    </div>
export default GoogleApiComponent({
  apiKey: "..."
})(BasicMap)

和package.json

  "name": "react-test-app",
  "version": "0.1.0",
  "dependencies": {
    "babel-core": "6.7.0",
    "babel-cli": "6.16.0",
    "babel-loader": "6.2.5",
    "babel-preset-es2015": "6.16.0",
    "babel-preset-react": "6.16.0",
    "body-parser": "1.15.2",
    "express": "4.14.0",
    "google-map-react": "0.22.3",
    "google-maps-react": "1.0.19",
    "history": "4.4.0",
    "react": "15.3.2",
    "react-dom": "15.3.2",
    "react-google-maps": "6.0.1",
    "react-history": "0.15.1",
    "react-router": "3.0.0",
    "webpack": "1.13.2",
    "webpack-dev-server": "1.14.1"
  },

除非按下PF12，否则不会显示Google MAP

0 个答案: