はグーグルマップ反応し

Question

import {Map, GoogleApiWrapper} from 'google-maps-react' 


var React = require('react') 

class GoogleMapContainer extends React.Component { 
    render() { 
     return(
      <Map google={this.props.google} 
       style={{width: '100%', height: '100%', position: 'relative'}} 
       className={'map'} 
       zoom={14}> 
       <Marker 
       title={'The marker`s title will appear as a tooltip.'} 
       name={'SOMA'} 
       position={{lat: 37.778519, lng: -122.405640}} /> 
       <Marker 
       name={'Dolores park'} 
       position={{lat: 37.759703, lng: -122.428093}} /> 
       \\ 
      </Map> 

     ) 
    } 
} 

export default GoogleApiWrapper({ 
    apiKey: 'AIzaSyDq-nhDEOWaOzLfFAr9Lx4dlvEBIpHMxCk' 
})(GoogleMapContainer) 

にマーカーを追加することはできません私は私のブラウザのコンソール

ReferenceError: Marker is not defined 

しかし、彼らはマーカー https://github.com/fullstackreact/google-maps-reactをインポートすることはありませんパッケージのドキュメントの中にエラーが発生します。このコードを持っています

私は何が起こっているのかを発見することはできません

Answer 1

変更：

コメントで、 Markerをインポートに含まれていないと言われているように210

import {Map, GoogleApiWrapper} from 'google-maps-react'

import {Map, Marker, GoogleApiWrapper} from 'google-maps-react'

のマーカーがまだ

Answer 2

インポートされていません。オブジェクトは決してインポートされなかったので定義されていません。存在しないオブジェクトは使用できません。

import {Map, Marker, GoogleApiWrapper} from 'google-maps-react'