Folders and files
React decorator to use google maps services into your react applications
npm install --save react-google-maps-loaderSee changelog
The googleMapsLoader decorator take an options object in parameter. You can specify any parameters Google let you use to load Google Maps API. Checkout Google Maps Javascript API documentation to specify librairies or others parameters.
Note: If the Google API key isn't specified in the decorator options, the loader will use the 'apiKey' prop set on the Component.
import React, { Component } from 'react'
import googleMapsLoader from 'react-google-maps-loader'
CONST = GOOGLE_MAPS_API_KEY = 'myapikey' // Change your api key
@googleMapsLoader({ key: GOOGLE_MAPS_API_KEY, libraries: ['places','geometry'] })
export default class MyComponent extends Component {
state = {
map: null,
}
componentDidMount() {
const { googleMaps } = this.props
const map = new googleMaps.Map(React.findDOMNode(this.refs.map))
this.setState({ map })
}
method() {
const { googleMaps } = this.props
return (
<div ref="map"></div>
)
}
}npm run cleannpm run buildnpm run watchnpm run lintSee MIT