Google Jquery UI MAPS V3

Hello and thank you for considering our project.

THIS JOB IS FOR SOMEONE WITH EXPERTISE IN THE JQUERY UI MAP FRAMEWORK ( [url removed, login to view] ) as it applies to the Google MAP V3 API ( [url removed, login to view] )

If you are not familiar with the jQuery integration with Google Maps V3 API, please do not bid on this project. We require you have both jQuery expertise and Google Map V3 expertise.


PLEASE REVIEW THIS LINK / SOURCE: [url removed, login to view]

That is our live server code that you will be working on.

As you can see, we already have the code written that displays multiple markers after querying the database.

We also have working the hyperlink marker (dart) so an infoWindow appears with the business address and a photo as well as a Get Directions link

We want you to leave that existing code as it is unless you can inform us why it must change.



1) When the infoWindow GET DIRECTIONS link is clicked, we wish to have the existing business picture swapped with a form element that says 'PLEASE TYPE THE ADDRESS YOU WILL BE COMING FROM' along with a 2 line textarea that will receive the address information they type and a Submit (VIEW DIRECTIONS) button beneath it (see attached image)

After they input their address, they must click the VIEW DIRECTIONS button to complete their form entry.


2) DATA VALIDATION MUST BE DONE: Here is one extensive example. Though it would be nice, we do not require it be this detailed ( [url removed, login to view] )

The behavior we DO require is as follows:

If no address is entered or not enough address information is entered and Google is unable to locate their address we must alert the customer by changing the red text (PLEASE TYPE...) to instead say:




3) DISPLAY THE DIRECTIONS: Once a successful submission is made to Google, we would like the data that is received from the Google API to be displayed in the Directions Panel shown.


4) ONLY ONE MARKER OPEN: If the user selects a different marker, this should cause the previous marker to close and an infoWindow to appear on the current marker.

The following link shows you the code live on our server:

[url removed, login to view]

Those are the 4 things we need accomplished.

We will provide you FTP information to carry out this task.


Jay Lepore


Skills: jQuery / Prototype, MySQL, PHP

See more: jquery map, jquery maps markers, jquery google, jquery maps, jquery button google maps infowindow, google maps data api, jquery form google map, address validation jquery google maps, why we need jquery, what is google code, ui job, submit google maps, link jquery, jquery 2.1 0, jquery 2.0 3, jquery 2, google map submission, google maps get map, ftp framework, jquery map multiple markers, jquery google api, google jquery, mysql ui, maps google api, jquery api google

About the Employer:
( 57 reviews ) Anacortes, United States

Project ID: #1118380

Awarded to:


Hello, check PMB please.

$90 USD in 1 day
(33 Reviews)

5 freelancers are bidding on average $91 for this job


Can help you. Thanks, Steve.

$60 USD in 1 day
(14 Reviews)

Thanks for adding the extra categories for the project! I can do this job for you. Please check my private message for more information on my offer.

$80 USD in 1 day
(3 Reviews)

Ready to start, I can show you examples of custom google maps experience, am proficient in v3 and jquery. Thanks!

$125 USD in 2 days
(1 Review)

I have great skills in Google Maps API, Jquery and pure JavaScript. Will work on your task with pleasure.

$100 USD in 3 days
(0 Reviews)