无法使用google-maps-react添加标记

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

更改：

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

至

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

标记尚未导入

Answer 2

正如评论中所说，Marker不包括在导入中。未定义该对象，因为它从未导入过。您不能使用不存在的对象。重写第一行，如下所示：

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