I am using the Map Module on one of my pages. I am able to load (from a custom query) and display my markers/icons and the info window works correctly when I click on one of the icons on the map.

I would like to extend this functionality to be similiar google maps. They have a data grid to the side of the map that displays the icons, title, links, ratings, etc. I am able to accomplish this same type of functionalty using a web control inside of an OpenSmart module. Here is my issue. I can display the icons in my side data grid with the informaiton, but I want to be able to click the icon in the side datagrid (not on the map) and have the corresponding icon on the map display its info window.

The closest that I can get to this is to get the click event of the icon in the side datagrid and the get the map, create a marker fron the longitude, latitude and icon index, set the center of the map, add the marker overlay and open the info window. Here is the code

function

showMarkerDescription(latitude,longitude,iconindex,description)var ID = '370';var point = new GLatLng(latitude,longitude);var marker = new GMarker(point,eval('ICONS' + ID)[iconindex]);var map = new GMap2(document.getElementById("map370"));new GLatLng(latitude, longitude),10);

The issue is that in order to get the marker to display I have to use the map.setCenter, which centers the map and removes all of the icons. Is there another way to do this, so I don't loose all of the other icons/markers on the map?

{

map.setCenter(

map.addOverlay(marker);

marker.openInfoWindowHtml(description);

}

I ended up using the IE DebugBar to find out that the map creates an array called LISTENERS which contain the "click" event listeners for the markers, which call the marker.openInfoWindowHtml(html) function.

Once I knew this I looped through the properties of one of the objects in the LISTENERS + ID array (where ID was in my case was 370) and alerted the properties until I found the one which had a value of function(){marker.openInfoWindowHtml(html);} it was called Ng.

So at this point I had a handle on the event listener and the property to call. To call this property took the following line of code

LISTENERS370[index]['Ng'].call();

The index is the index of the icon that I wanted to display the info window for.

So in summary on the click event of the icon in my side bar I call the following function with the index of the corresponding marker on the map.

function showMarkerDescriptnion(index)
{
     LISTENERS370[index]['Ng'].call();
}

Hope this helps out someone else who is attempting to display the infowindow of a marker in the DNN map module from outside of the map module itself.