https://github.com/google-map-react/google-map-react-examples

Examples for google-map-react library.
https://github.com/google-map-react/google-map-react-examples

Last synced: 18 days ago
JSON representation

Examples for google-map-react library.

• Host: GitHub
• URL: https://github.com/google-map-react/google-map-react-examples
• Owner: google-map-react
• Created: 2018-03-10T22:38:01.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T06:50:20.000Z (almost 2 years ago)
• Last Synced: 2024-07-31T19:39:03.403Z (3 months ago)
• Language: JavaScript
• Homepage: https://google-map-react.github.io/google-map-react-examples/
• Size: 5.01 MB
• Stars: 145
• Watchers: 6
• Forks: 151
• Open Issues: 15
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Examples for [google-map-react library](https://github.com/google-map-react/google-map-react) · [![Build Status](https://travis-ci.org/google-map-react/google-map-react-examples.svg?branch=master)](https://travis-ci.org/google-map-react/google-map-react-examples)

This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).

## Stack

- [React](https://facebook.github.io/react) rendering

- [React-router](https://reacttraining.com/react-router/) for routing

- [Styled components](https://www.styled-components.com/) for styling our components

## Examples

- [Main](https://google-map-react.github.io/google-map-react-examples/?path=/story/main-examples--base) ([source](https://github.com/google-map-react/google-map-react-examples/blob/master/src/examples/Main.js))

- [Heatmap](https://google-map-react.github.io/google-map-react-examples/?path=/story/heatmap-examples--base) ([source](https://github.com/google-map-react/google-map-react-examples/blob/master/src/examples/Heatmap.js))

- [Searchbox](https://google-map-react.github.io/google-map-react-examples/?path=/story/searchbox-examples--base) ([source](https://github.com/google-map-react/google-map-react-examples/blob/master/src/examples/Searchbox.js))

- [Autocomplete](https://google-map-react.github.io/google-map-react-examples/?path=/story/autocomplete-examples--base) ([source](https://github.com/google-map-react/google-map-react-examples/blob/master/src/examples/Searchbox.js))

- [Marker and Info Window using React Component](https://google-map-react.github.io/google-map-react-examples/?path=/story/markerinfo-examples--custom-component) ([source](https://github.com/google-map-react/google-map-react-examples/blob/master/src/examples/MarkerInfoWindow.js))

- [Marker and Info Window using Google Maps API Object](https://google-map-react.github.io/google-map-react-examples/?path=/story/markerinfo-examples--default-marker) ([source](https://github.com/google-map-react/google-map-react-examples/blob/master/src/examples/MarkerInfoWindowGmapsObj.js))

## 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.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will automatically reload if you make changes to the code.


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.


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.


By default, it also [includes a service worker](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#making-a-progressive-web-app) 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.