GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → safeimuslim → gmaps-geofence

safeimuslim / gmaps-geofence

Licence: other
create area geofencing in google map using react js

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Labels

reactreactjsgoogle-mapsopenstreetmapgeofencesgeofencingarea-geofencing

Projects that are alternatives of or similar to gmaps-geofence

web-maps-wcag-evaluation
Manual accessibility evaluation of popular web map tools.
Stars: ✭ 28 (-17.65%)
Mutual labels:  google-maps, openstreetmap
Geo Golang
Go library to access geocoding and reverse geocoding APIs
Stars: ✭ 394 (+1058.82%)
Mutual labels:  google-maps, openstreetmap
mapus
A map tool with real-time collaboration 🗺️
Stars: ✭ 2,687 (+7802.94%)
Mutual labels:  google-maps, openstreetmap
trackanimation
Track Animation is a Python 2 and 3 library that provides an easy and user-adjustable way of creating visualizations from GPS data.
Stars: ✭ 74 (+117.65%)
Mutual labels:  google-maps, openstreetmap
Privacy Redirect
A simple web extension that redirects Twitter, YouTube, Instagram & Google Maps requests to privacy friendly alternatives.
Stars: ✭ 342 (+905.88%)
Mutual labels:  google-maps, openstreetmap
Anymaps
Easily switch between Google, Baidu and OSM maps
Stars: ✭ 164 (+382.35%)
Mutual labels:  google-maps, openstreetmap
ember-cli-g-maps
Deprecated Google Maps Addon
Stars: ✭ 58 (+70.59%)
Mutual labels:  google-maps
beautified-JOSM-preset
Improved version of the JOSM presets
Stars: ✭ 38 (+11.76%)
Mutual labels:  openstreetmap
vectorpipe
Convert Vector data to VectorTiles with GeoTrellis.
Stars: ✭ 64 (+88.24%)
Mutual labels:  openstreetmap
openfairdb
Open Fair DB is the CreativCommons Backend of Kartevonmorgen.org
Stars: ✭ 53 (+55.88%)
Mutual labels:  openstreetmap
orange3-geo
🍊 🌍 Orange add-on for dealing with geography and geo-location
Stars: ✭ 22 (-35.29%)
Mutual labels:  openstreetmap
freemap-mapnik
Outdoor map mainly for https://www.freemap.sk/
Stars: ✭ 16 (-52.94%)
Mutual labels:  openstreetmap
knooppuntnet
Route planner and quality assurance for walking and cycling networks in OpenStreetMap.
Stars: ✭ 20 (-41.18%)
Mutual labels:  openstreetmap
Osmunda
An offline geocode library for android, powered by SQLite, using osm data. 离线地理编码Android库，基于SQLite，使用开放街道地图数据。
Stars: ✭ 37 (+8.82%)
Mutual labels:  openstreetmap
Google-Maps-BottomSheet
A BottomSheetBehavior framework mirroring Google Maps'
Stars: ✭ 75 (+120.59%)
Mutual labels:  google-maps
vue-static-map
a simple component to generate an static google map
Stars: ✭ 24 (-29.41%)
Mutual labels:  google-maps
pbf
OpenStreetMap PBF golang parser
Stars: ✭ 38 (+11.76%)
Mutual labels:  openstreetmap
Directions
Directions app for pebble
Stars: ✭ 15 (-55.88%)
Mutual labels:  google-maps
Leaflet Example
🗺 An example of how to use Leaflet to create an interactive map.
Stars: ✭ 41 (+20.59%)
Mutual labels:  openstreetmap
django-treasuremap
django-treasuremap app, makes it easy to store and display the location on the map using different providers (Google, Yandex).
Stars: ✭ 21 (-38.24%)
Mutual labels:  google-maps
View All Similar Projects ➔

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.

⬆️ 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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].