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

但是在包的文档中，他们从不导入Marker https://github.com/fullstackreact/google-maps-react

我无法发现正在发生的事情

Answer 1

变化：

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

到

标记尚未导入

Answer 2

正如评论中所说，Marker未包含在导入中。未定义该对象，因为它从未导入过。您不能使用不存在的对象。重写顶线说：

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

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

2 个答案: