So I made a map using Google MyMaps of venues for events in Bloomington. Crystal added a ton of content and made it look pretty. The hard part is figuring out how to provide a listing of event locations with the map. You can get the map data for the map that you created in MyMaps as KML or GeoRSS. Then you can load it and parse it using part of the Google Maps API a la this code snippet I found at http://www.easypagez.com/maps/phpsqlinfo.html:
// Read the data from example.xml function readData() { var request = GXmlHttp.create(); request.open("GET", "http://www.easypagez.com/maps/phpsqlinfo_result.php", true); request.onreadystatechange = function() { if (request.readyState == 4) { var xmlDoc = GXml.parse(request.responseText); // obtain the array of markers and loop through it i=[0]; markers=[0]; map.getInfoWindow().hide(); gmarkers = []; map.clearOverlays(); side_bar_html = ""; var markers = xmlDoc.documentElement.getElementsByTagName("marker"); for (var i = 0; i < markers.length; i++) { // obtain the attribues of each marker var lat = parseFloat(markers[i].getAttribute("lat")); var lng = parseFloat(markers[i].getAttribute("lng")); var point = new GLatLng(lat,lng); var label = markers[i].getAttribute("name"); var address = markers[i].getAttribute("address"); var type = markers[i].getAttribute("type"); var html = label + '
' + address + '
' + type; // create the marker var marker = createMarker(point,label,html); map.addOverlay(marker); } // put the assembled side_bar_html contents into the side_bar div document.getElementById("side_bar2").innerHTML = side_bar_html; } } request.send(null); } readData(); }
You can also load KML and display it on a map you create using the Maps API.Â