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