Interactive Google maps using HTML5+PHP+MySQL+ Google Maps API

I am building an HTML5+PHP mobile app that includes som Google Map functionality. For this project I need to have 2 interactive Google Maps created: 1. Google Map: Click to set custom marker and create test user in MySQL database with longitude+latitude set where marker is placed (This map is only used to create test users for the development team) The marker must be a custom designed marker ([login to view URL]) The MySQL user table should have the fields: name, longitude, latitude Generate user names automatically as "User_"+ unique id-number [login to view URL] map: Display all test users (see above) within a given range of my actual location ([login to view URL]) with a custom marker Display a dropdown menu, where I can select my desired range: 50m, 200m, 1km, 2km When I select a range, the map updates dynamically via jquery/ajax (without page reload) The map should zoom in on my present location on load When marker is clicked, a div should be displayed next to the marker showing a generic test-image (profile image), the user name and the distance between me and the test-user. When clicking anywhere on the map, or on the marker a second time, the profile-card should disappear again Project is considered completed when I have received files, implemented and tested them on my own server, which will happen immediately upon delivery.