2017-03-01 6 views
1

私はgoogle-map-reactを使用しようとしていますが、レンダリングしようとすると何も表示されません。何か不足していますか?Google Map React not appear

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> 
) 
} 


} 
+0

作品もここhttps://jsbin.com/xoqogolake/1/edit?js,console,output。何かエラーが出ますか?どのようにレンダリングしていますか –

+0

私は間違いをしていません。 – joethemow

+0

はい、これは、どのようにユーザーの現在の場所を取得する考えですか? – joethemow

答えて

0

アプリが正しくレンダリングされているかどうかを確認してください。

は、この作業の例を参照してください:Codepen

+0

コンポーネントがデフォルトエクスポートである場合、GoogleMapReactまたはGoogleMapを使用しても効果はありません。そのコンポーネントが、名前が重要な名前のエクスポートである場合にのみ、 –

+0

@ShubhamKhatriが正しいとします。私はcodepenでそれをインポートしていなかったので私はこれを追加して、私はデフォルトの名前を使用する必要がありました。無関係な情報を削除するために私の答えを更新しました。 –

+0

はい、これは動作します、どのようにユーザーの現在の場所を取得する考えですか? – joethemow