I have an area on a webpage (defined as a div), displaying various bits of information about people from a database. I have a repeat region on the database to produce a new div for each user in the database.
What I would like to do is have a Google map in each of these areas showing the exact location of the user from the postcode stored in the database. Ive achieved this in the first area but only because I am calling the function:
google.maps.event.addDomListener(window, 'load', initialize);
and so am only calling the function once, when the page is loaded (correct?).
also, as I am passing the name of the div containing the map <div id="map-canvas">
to the google function, I presume ill have to create a unique ID for each of the areas so the google function knows which div its referring to. How do I accomplish this, and how do I include the 'function call' for each of the repeat region areas so as to create a new map for each one?