vino-map

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.

Usage no npm install needed!

<script type="module">
  import vinoMap from 'https://cdn.skypack.dev/vino-map';
</script>

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 VIDEO