googlemap-react

> Google Map React Component.

To install enter this into your command line:
``shell npm install --save googlemap-react`To use as an import in your application, include the following line in your React code:`javascript import GoogleMap from 'googlemap-react';`To get access to the Google Maps API you must first create your API KEY, you can do this at https://developers.google.com/maps/documentation/javascript/get-api-key. Once you have received your key, insert the script tag below into your html file:`html`

!Alt text

>Built-in form and submit button for origin and destination routing with step by step directions. >Clean yet basic styling.

>ClassNames: "container-package" "map-form" "map-input" "map-directions-button" are provided for styling. Check out the source code for acomplete reference. Or simply amend the styles.css file in the source code.

`$3`

js
 import React from 'react';
 import ReactDOM from 'react-dom';
 import GoogleMap from 'googlemap-react';
 class App extends React.Component {
   constructor(props) {
    super(props); 
   }
   render() {
     return (
       
  
           
          
                   
         

       

     );
   }
 }

ReactDOM.render(, document.getElementById('app'));``

googlemap-react

> Google Map React Component.

- see on github

!Alt text

>Built-in form and submit button for origin and destination routing with step by step directions. >Clean yet basic styling.

`$3`

js
 import React from 'react';
 import ReactDOM from 'react-dom';
 import GoogleMap from 'googlemap-react';
 class App extends React.Component {
   constructor(props) {
    super(props); 
   }
   render() {
     return (
       
  
           
          
                   
         

       

     );
   }
 }

ReactDOM.render(, document.getElementById('app'));``