https://github.com/safeimuslim/gmaps-geofence

create area geofencing in google map using react js
https://github.com/safeimuslim/gmaps-geofence

area-geofencing geofences geofencing google-maps openstreetmap react reactjs

Last synced: 2 months ago
JSON representation

create area geofencing in google map using react js

• Host: GitHub
• URL: https://github.com/safeimuslim/gmaps-geofence
• Owner: safeimuslim
• Created: 2017-04-17T17:40:39.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-11-05T23:35:59.000Z (about 7 years ago)
• Last Synced: 2024-10-06T21:17:48.368Z (4 months ago)
• Topics: area-geofencing, geofences, geofencing, google-maps, openstreetmap, react, reactjs
• Language: JavaScript
• Homepage: https://safeimuslim.github.io/gmaps-geofence/
• Size: 3.77 MB
• Stars: 44
• Watchers: 1
• Forks: 25
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Area Geofencing on a Google Maps — React JS Example Projects

Welcome to the first series React JS Example Projects. This series explain how to create Area Geofencing in Google Maps with React JS, hopefully we can learn together.

To create area geofencing we must find area boundaries and draw on google maps as polygon. During the writing of this series, area boundaries feature not available in the Google Maps API. The solution is using OpenStreetMap API for getting area boundaries.

## :arrow_up: How to Setup

**Step 1:** git clone this repo https://github.com/safeimuslim/gmaps-geofence.git

**Step 2:** cd to the cloned repo

**Step 3:** Install the Application with `npm install`

**Step 4:** Run the Application with `npm start`

[DEMO](https://safeimuslim.github.io/gmaps-geofence/)

[VIDEO](https://www.youtube.com/edit?o=U&video_id=hLaRG0uZPWc)