[jQuery] Help with loading a Google Map

[jQuery] Help with loading a Google Map

I am trying to load this map page:
http://www.4realty.info/newAugust06/maps/map_test.html
into this test page:
http://www.4realty.info/newAugust06/map_example.html
The map_test.html file is the "standard" Google maps API script with
fixed coordinates.
The map_example.html file uses jquery to load map_test into a div using
<script type="text/javascript">
$(document).ready(function(){
$("a.snoco").click(function(){
$("div#mapContainer").load("maps/map_test.html");
    });
});
</script>
As you can see by viewing the example, the file is loading into the
div, but the map is not being displayed.
I was unsuccessful in trying to use pieces of the Google Map plugin found here:
http://olbertz.de/jquery/googlemap.html
My goal is to have a list of cities that when clicked will load the
corresponding map into the div on the page (Ajax style).
Thanks for any help.
Jim
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/