I have a list of 20-30 stores that have various information, name, address, phone number, hours, etc.. I have lat and long for each store. I need a google map to put markers corresponding with all stores. This map will also need to use geolocating to put a marker where the user computer/mobile is located at. The map should center and zoom in to a variable radius around the user location. Basically this is a store finder app. The user can hover over the icons and see related information, if the user clicks on a location, this should open a new window and populate a div with the related store information. It does not need to look pretty, i will do all html styles with css. I just need the map to function, and to pass information to populate a div, i will take over from there.
This needs to use the latest google api maps v3
I am open to hourly or fixed price
I have updated this listing with additional files. These files are the current semi working model i have, so you should be able to pull these files down and see the format and structure of the code. Please review this prior to bidding amd also please review if you have already bid, to make sure that you can work with these files. I just want to make sure that whomever gets the project will be able to work with the existing files and not have to start from scratch.
Can you please confirm that you can use these files, also, will you provide comments in the code, so i can better understand what the coding is.
One more requirement that i need on this map, it needs to be able to see the current user location, and if you click on a particular store, then it should use the google api to map distance, route etc to the store...This information would also be passed to the div that was mentioned in the initial description.
So to clarify, userflow would be something like this....
1. User loads map.html
2. Map populates markers with data from data.js
3. Map places blue marker on current user location
4. Map centers to user geolocation and zooms into that location. Would prefer some sort of auto zoom that keeps the user marker in center, and allows at least the 3-5 closest store markers to be in view. I would prefer if this level was an option i could set in code, or as a option for the user to set on the map. maybe a distance scale?
5. On marker hover, map shows address information and name information from data.js
6. On click, “new page.html” loads with all information from that particular marker populated into a div.
7. Inside of this div is a link that reads “show drive”, this link would simply expand a new div down to show the route, directions etc.. of user marker to new store marker. Not sure if this is feasible, if not, maybe it opens a new page with directions. Would prefer inline.
I will be awarding a project to the user that can do this. Please review carefully , and be sure that you can do as requested, and preferably, with the files provided as a foundation.
29 pekerja bebas membida secara purata $390 untuk pekerjaan ini
Hi, I have worked with different Map technologies and quite well understand how it works. I can provide the required solution. Please check your PMB. Regards.
Hi, Simple job for Me! I have completed nearly 10 projects related to web application development with php, mysql, jquery + Google Maps V3. Please check PMB for more details,