<div>
<div class="content wysiwyg-content">
Hi -<br />
<br />
I'm not much of a front end/javascript type person - so forgive me if my question seems a little obvious.<br />
<br />
I've got a google map (api v3). &nbsp;I want to be able to send search queries to some backend scripts that I've generated that will output the name, latitude and longitude of various things depending on the search criteria. &nbsp;I'd then like that output to be updated to the google map on screen without having to reload the page.<br />
<br />
I've written the backend SQL scripts and PHP - for both JSON and XML - and they work perfectly. &nbsp;It's populating the front end that I'm having difficulty with - and I can't find any decent documentation on how to properly do it.<br />
<br />
Is it an AJAX routine that I'm looking for - and what's your best suggestion on how to get it done?<br />
<br />
The routine needs to:<br />

<div class="bullet">
send the query to the script (GET, variables)<br />
grab the response (either in XML or JSON)<br />
Clear the map of previous search markers<br />
Populate with new search marker results
</div>
<br />
Thanks!
</div>
</div>


Hi -

I'm not much of a front end/javascript type person - so forgive me if my question seems a little obvious.

I've got a google map (api v3).  I want to be able to send search queries to some backend scripts that I've generated that will output the name, latitude and longitude of various things depending on the search criteria.  I'd then like that output to be updated to the google map on screen without having to reload the page.

I've written the backend SQL scripts and PHP - for both JSON and XML - and they work perfectly.  It's populating the front end that I'm having difficulty with - and I can't find any decent documentation on how to properly do it.

Is it an AJAX routine that I'm looking for - and what's your best suggestion on how to get it done?

The routine needs to:
send the query to the script (GET, variables)
grab the response (either in XML or JSON)
Clear the map of previous search markers
Populate with new search marker results

Thanks!

Dynamic Google Map JSON or XML and AJAX

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.