Kann nicht Markierung hinzufügen, mit Google-Maps reagieren

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) 

ich habe diesen Code, den mir einen Fehler in der Browser-Konsole

ReferenceError: Marker is not defined 

aber in der Dokumentation des Pakets gibt sie importieren nie Marker https://github.com/fullstackreact/google-maps-react

i entdecken kann, was

Answer 1

Veränderung geschieht:

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

zu

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

Marker ist noch nicht

importiert

Answer 2

Wie in den Kommentaren gesagt wird, ist Marker nicht im Import enthalten. Das Objekt ist nicht definiert, da es nie importiert wurde. Sie können ein Objekt nicht verwenden, das nicht vorhanden ist. Schreiben Sie die oberste Zeile folgendes zu sagen:

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