Sample plugins/demos:

http://jsfiddle.net/rdpuxajo/2/

https://www.tutorialrepublic.com/codelab.php?topic=faq&file=jquery-find-mouse-position-relative-to-an-element

http://jsfiddle.net/pSVXz/12/

An image-map, with clickable areas:

https://www.w3schools.com/tags/tag_map.asp

https://www.w3schools.com/TAgs/tag_area.asp

https://www.w3schools.com/TAgs/att_area_coords.asp

Steps to run:

1. Dump trees.sql
2. run http://localhost/TreePlantation/index.php
3. run http://localhost/TreePlantation/forbidden_area.php

Tasks Completed:

1. Place trees.
2. Store tree location data in database.
3. Take username and email as input.
4. Select type of tree to place.
5. Hover on tree shows person name, email and tree type.
6. Form to take coordinates input of forbidden area.
7. Store forbidden area data in database.
8. Restrict area.
9. Users signup with username, email and password.
10. Users login with username and password to place trees.
11. Create an admin.
12. Admin can assign 'admin' role to other users.
13. Admin can upload/remove tree icons.
14. Admin can delete users and ultimately their trees.
15. Only admin can mark forbidden area.
16. Admin can remove any tree but user can only remove own tree.