jquery-ui-map

I have a simple script that adds a marker on a map when you click a button using jQuery mobile and the Google Maps API v3. I want to add a basic infoWindow to that marker, so that when you click on it, it says "Hello World". This seems like it should be very easy, but I can't seem to get the syntax correct. I'm adding markers like this $('#map_canvas').gmap('addMarker', { 'position': chicago } ); and I can't seem to find any good examples where you also setup an infowindow when you also set up the marker. Here is my code. If you save in the jquery-ui-map-3.0-rc\demos\ directory, then all the

I have jQuery mobile working with google maps so that I can display one, stand alone page with a map that takes up the full screen. However, I can't figure out how to make a simple 2 page example where I have a button that takes me to the map. I'm very confused as to why there is javascript in the body tags on all of the examples. I've been trying to follow the examples here http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.html , but it is very hard to figure out what is necessary just for the basic_map within all of the source HTML. I'm new to using jQuery and

Can some one explain the meaning of the following code snippet ( jQuery.fn[name] ) found in the google jquery.ui.map plugin: jQuery.each(('click mousedown rightclick dblclick mouseover mouseout drag dragend').split(' '), function(i, name) { jQuery.fn[name] = function(a, b) { return this.addEventListener(name, a, b); }; }); And also how we could bind a callback function to the click event on a map object, I have tried the following but the event does not have the latLng attribute: $('#map_canvas').gmap().click(function(event) { alert(event.latLng); }); Thanks in advance. That snippet of code