Не могу добавить маркер с google-maps-реакции

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

я не могу понять, что происходит

Источник

2 ответа

Изменить:

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

в

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

Маркер еще не импортирован

Источник

Как сказано в комментариях, Marker не входит в импорт. Объект не определен, потому что он никогда не был импортирован. Вы не можете использовать объект, которого нет. Перепишите верхнюю строку, чтобы сказать это:

import {Map, Marker, GoogleApiWrapper} from 'google-maps-react'
Источник
Другие вопросы по тегам