Highlighted city map with restricted pan, zoom and marker drag allowed only inside the city.
Don't forget to put your own google maps key inside constants.js file to make the demo work
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
- 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.