I have made a very simple page using google maps API with several fields where users are going to put some data. It looks like following -
http://aiworker2.usask.ca/mark
Your JavaScript runs on the client (in the browser). Your MySQL database exists on a server.
In short, the client-side JavaScript cannot establish a direct connection to MySQL. You need to make an AJAX request to the server which runs a script that interacts with MySQL. The script can be written in any language that has a MySQL library.
Here's an example where an AJAX request is made, which calls a PHP script on the server, which, in turn, grabs data from a MySQL database and returns results back to the client:
http://www.w3schools.com/PHP/php_ajax_database.asp