谷歌地图发生反应，出现

我试图使用google-map-react，但是当我尝试呈现它，似乎什么都没有。我错过了什么吗？谷歌地图发生反应，出现

import GoogleMap from 'google-map-react'; 
import React, { Component } from 'react'; 

class GMaps extends Component { 



static defaultProps = { 
    center: {lat: 59.95, lng: 30.33}, 
    zoom: 11 
    }; 

render() { 
    return (
    <div> 
    <GoogleMap 
     style={{width: "100%", height: "500"}} 
     defaultCenter={this.props.center} 
     defaultZoom={this.props.zoom} 
    /> 
    </div> 
) 
} 


}

来源

2017-03-01 joethemow

行之有效这里https://jsbin.com/xoqogolake/1/edit?js,console,output。你有任何错误。你是如何渲染它 –

我没有得到任何错误。 – joethemow

是的这有效，任何想法如何获得用户当前位置？ – joethemow

请检查您是否正确渲染应用程序。

见该工作示例：Codepen

来源

2017-03-01 08:08:54

如果该组件是默认导出，则使用GoogleMapReact或GoogleMap不起作用。它只有当组件是一个名为export这个名字重要 –

@ShubhamKhatri你是正确的。我已经添加了这个，因为我没有在codepen中导入它，所以我不得不使用默认名称。我已更新我的答案以删除不相关的信息。 –

是的这有效，任何想法如何获得用户当前位置？ – joethemow

谷歌地图发生反应，出现

回答

相关问题