Where to Pass API Key? about google-maps-react HOT 4 CLOSED

I would like to knonw this as well. It seems that it is somehow passed in through the this.props.google item, but I am not sure what that is, or how to use it...

from google-maps-react.

There is a file in the root of the project called '.env.example'. Place your key in this file and rename to '.env'. (I have single quotes around my key but I'm not sure if that necessary.)

If you're still having trouble, check out the stand alone project in the 'GettingStarted' folder here: 'https://github.com/tzerb/google-maps-react'

from google-maps-react.

It's on README: https://github.com/fullstackreact/google-maps-react#automatically-lazy-loading-google-api

Automatically Lazy-loading Google API

The library includes a helper to wrap around the Google maps API. The GoogleApiWrapper Higher-Order component accepts a configuration object which must include an apiKey. See lib/GoogleApi.js for all >options it accepts.

import {GoogleApiWrapper} from 'GoogleMapsReactComponent'

// ...

export class Container extends React.Component {}

export default GoogleApiWrapper({
 apiKey: __GAPI_KEY__
})(Container)

The GoogleApiWrapper automatically passes the google instance loaded when the component mounts (and will only load it once).

Manually loading the Google API

If you prefer not to use the automatic loading option, you can also pass the window.google instance as a prop to your <Map /> component.

from google-maps-react.

Look at here

from google-maps-react.