Sorry guys but I figured it out!!! So let me be the teacher now :lol: (this website helps customization like icons
1) Admin: True Markers / False Bubbles (this will take out the default bubble in the center)
2) Add this code as many times as you want and it even centers your map oOoOoOoOo
3) var html = ""; can be anything html really, Ive seen some cool designs with images and tabs so go at it, i hope you guys our Chicago baseball rivaly GO SOX!
function createMarker(point, name, address)
{var marker = new GMarker(point);
var html = "<table><tr><td>City Sports<br>4601 N. Broadway St.<br>Chicago, IL 60640</td><td><img src=http://farm1.static.flickr.com/194/465430922_48e6436199.jpg border=0></td></tr></table>";
GEvent.addListener(marker, "click", function()
{marker.openInfoWindowHtml(html);});
return marker;
}
var point = new GPoint(-87.624223, 41.889923);
var marker = createMarker(point);
map.addOverlay(marker);
function createMarker(point, name, address)
{var marker = new GMarker(point);
var html = "<table><tr><td>XXX<br>123 N. Broadway St.<br>Chicago, IL 60640</td><td><img src=http://img.webring.com/r/c/chicagowhitesox/logo border=0></td></tr></table>";
GEvent.addListener(marker, "click", function()
{marker.openInfoWindowHtml(html);});
return marker;
}
var point = new GPoint(-87.654223, 41.859923);
var marker = createMarker(point);
map.addOverlay(marker);