Awesome

Examples for google-map-react library ·

This project was bootstrapped with Create React App.

Stack

• React rendering
• React-router for routing
• Styled components for styling our components

Examples

• Main (source)
• Heatmap (source)
• Searchbox (source)
• Autocomplete (source)
• Marker and Info Window using React Component (source)
• Marker and Info Window using Google Maps API Object (source)

Getting started

Installation

Although I prefer yarn, you can use either yarn or npm:

• npm install or simply yarn

Run development

• npm start or yarn start

Runs the app in development mode.<br> Open http://localhost:3000 to view it in the browser.

The page will automatically reload if you make changes to the code.<br> You will see the build errors and lint warnings in the console.

Run production build

• npm run build or yarn build

Builds the app for production to the build folder.<br> It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.<br> By default, it also includes a service worker so that your app loads from local cache on future visits.

Your app is ready to be deployed.

Deploy to GH pages

• npm run deploy or yarn deploy

This will push a branch named gh-pages to the repository, which will be used by GH to render the latest version of our site.