Hello All,
I am not an extremely experienced javascript programmer.
I do know a few things, but I am just a bit lost in my code right now,
and was hoping for a fresh eye to see what I could be missing or doing
wrong.
I've been working on this for about 48 hours, and I just can't get it.
I've read many online posts here and other resources as well, but it
just won't come together.
Here is my code, so you can see what I have. I am basically just
trying to get the sidebar functioning, so the links open the markers.
I noted all sections that apply with the side_bar with:
//************************** SIDEBAR CODE START
***************************************//
& END
SOS!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/
>
<title>My Google Maps API</title>
<script src="http://maps.google.com/maps?
file=api&v=2&key=ABQIAAAAev64njYE-ljXkntj-
t6m7hT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTSUL3R-StGr0TxJ3DF-aBM6iMpFw"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var iconBlue = new GIcon();
iconBlue.image = 'http://labs.google.com/ridefinder/images/
mm_20_blue.png';
iconBlue.shadow = 'http://labs.google.com/ridefinder/images/
mm_20_shadow.png';
iconBlue.iconSize = new GSize(12, 20);
iconBlue.shadowSize = new GSize(22, 20);
iconBlue.iconAnchor = new GPoint(6, 20);
iconBlue.infoWindowAnchor = new GPoint(5, 1);
var iconRed = new GIcon();
iconRed.image = 'http://labs.google.com/ridefinder/images/
mm_20_red.png';
iconRed.shadow = 'http://labs.google.com/ridefinder/images/
mm_20_shadow.png';
iconRed.iconSize = new GSize(12, 20);
iconRed.shadowSize = new GSize(22, 20);
iconRed.iconAnchor = new GPoint(6, 20);
iconRed.infoWindowAnchor = new GPoint(5, 1);
var customIcons = [];
customIcons["restaurant"] = iconBlue;
customIcons["bar"] = iconRed;
//************************** SIDEBAR CODE START
***************************************//
var side_bar_html = "";
var gmarkers = [];
var i = 0;
//************************** SIDEBAR CODE END
***************************************//
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(47.614495, -122.341861), 13);
GDownloadUrl("db_2_xml_parser.php", function(data) {
var xml = GXml.parse(data);
var markers =
xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute("name");
var address = markers[i].getAttribute("address");
var type = markers[i].getAttribute("type");
var point = new
GLatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var marker = createMarker(point, name, address, type);
map.addOverlay(marker);
}
});
}
}
function createMarker(point, name, address, type) {
var marker = new GMarker(point, customIcons[type]);
var html = "<b>" + name + "</b> <br/>" + address;
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
//************************** SIDEBAR CODE START
***************************************//
gmarkers[i] = marker;
side_bar_html += '<a href="javascript:myclick(' + i + ')">' +
name + '</a><br>';
i++;
//************************** SIDEBAR CODE END
***************************************//
return marker;
}
//************************** SIDEBAR CODE START
***************************************//
function myclick(i) {
GEvent.trigger(gmarkers[i], "click");
}
document.getElementById("side_bar").innerHTML = side_bar_html;
//************************** SIDEBAR CODE END
***************************************//
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
<div id="side_bar"></div>
</body>
</html>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---
