Skip to content

Highlighted city map with restricted pan, zoom and marker drag allowed only inside the city

Notifications You must be signed in to change notification settings

minaalfy/city-map

Repository files navigation

city-map

Highlighted city map with restricted pan, zoom and marker drag allowed only inside the city.

Demo

Alt text

Don't forget to put your own google maps key inside constants.js file to make the demo work

Berlin Map Demo

Abu Dhabi Map Demo

Cairo Map Demo

Or you can clone this repository and put your own google maps key inside constants.js then run npm install followed by npm run dev

Features

  • Map auto zoom on initialization to fit bounds of our city.
  • Highlight city layer on map to guide the user.
  • Restrict map drag/pan outside boundaries.
  • Restrict marker drag to our city boundary only.

Dependencies

About

Highlighted city map with restricted pan, zoom and marker drag allowed only inside the city

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published