Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google maps 除非按PF12,否则不会显示谷歌地图_Google Maps_Reactjs - Fatal编程技术网

Google maps 除非按PF12,否则不会显示谷歌地图

Google maps 除非按PF12,否则不会显示谷歌地图,google-maps,reactjs,Google Maps,Reactjs,我有一个应用程序,其中包含一个包含谷歌地图的ReactJs应用程序。 除非按下PF12,否则我看不到地图[只有谷歌标志和灰色背景] 当我进入调试模式或离开调试模式时,将显示映射。 PF12似乎解决了地图缺失这一奇怪的问题。。。。 它似乎与为调试模式生成的键无关,就像我停留在调试模式并返回映射页面一样,在按下PF12且调试控制台消失之前,我无法显示映射。。。。。 按PF12继续调试模式或离开调试模式会使地图出现,但我不知道为什么! 事件问题? 例如,map jsx文件非常简单: export cl

我有一个应用程序,其中包含一个包含谷歌地图的ReactJs应用程序。 除非按下PF12,否则我看不到地图[只有谷歌标志和灰色背景] 当我进入调试模式或离开调试模式时,将显示映射。 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" },
请发布代码的相关部分,以便我们可以帮助您。我认为这更多的是配置问题,而不是代码问题,因为我尝试了两个不同的示例,得到了相同的结果。例如,MapJSX文件是:导出类BasicMap扩展了React.Component{