2007-02-11 18:58:09 +00:00
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
|
|
|
|
|
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
<head>
|
|
|
|
|
<meta name="copyright" content="Markus Weissmann" />
|
|
|
|
|
<meta name="author" content="Markus Weissmann" />
|
|
|
|
|
<meta http-equiv="content-type" content=
|
|
|
|
|
"text/html; charset=us-ascii" />
|
2007-02-11 19:58:01 +00:00
|
|
|
<title>MacPorts Developers Locations</title>
|
2007-02-11 18:58:09 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2007-02-11 19:29:00 +00:00
|
|
|
<h2 id="id_developers_locations"><a href="http://www.macports.org/">MacPorts</a> Developers Locations</h2>
|
2007-02-11 19:58:01 +00:00
|
|
|
|
2007-02-11 18:58:09 +00:00
|
|
|
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAA5HP32Y5kUf3iJ0ZPhQhMXBR3CdQj7cR9TjBrGtZFa91sBvPPthSEOD82Knrp2yPDBDN5Wib3QL0yZQ"
|
|
|
|
|
type="text/javascript">
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<div id="map" style="width: 1000px; height: 600px"></div>
|
|
|
|
|
|
2007-02-11 19:03:31 +00:00
|
|
|
<script type="text/javascript">
|
|
|
|
|
//<![CDATA[
|
|
|
|
|
|
2007-02-11 18:58:09 +00:00
|
|
|
// Show map
|
|
|
|
|
var map = new GMap(document.getElementById("map"));
|
|
|
|
|
map.addControl(new GLargeMapControl());
|
|
|
|
|
map.addControl(new GMapTypeControl());
|
|
|
|
|
map.centerAndZoom(new GPoint(0, 10), 15);
|
|
|
|
|
|
2007-02-11 19:58:01 +00:00
|
|
|
// Create marker icon
|
|
|
|
|
var icon = new Object();
|
|
|
|
|
icon = new GIcon();
|
|
|
|
|
icon.image = "http://labs.google.com/ridefinder/images/mm_20_blue.png";
|
|
|
|
|
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
|
|
|
|
|
icon.iconSize = new GSize(12, 20);
|
|
|
|
|
icon.shadowSize = new GSize(22, 20);
|
|
|
|
|
icon.iconAnchor = new GPoint(6, 20);
|
|
|
|
|
icon.infoWindowAnchor = new GPoint(5, 1);
|
2007-02-11 18:58:09 +00:00
|
|
|
|
|
|
|
|
// Place a marker
|
2007-02-11 19:10:04 +00:00
|
|
|
function addMarker(point, name, mail, image, aux) {
|
2007-02-11 19:58:01 +00:00
|
|
|
var marker = new GMarker(point, icon);
|
|
|
|
|
map.addOverlay(marker);
|
|
|
|
|
|
|
|
|
|
// test for empty values
|
|
|
|
|
if ("" == mail) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
2007-02-11 19:16:13 +00:00
|
|
|
if ("" == image) {
|
2007-02-11 19:58:01 +00:00
|
|
|
image="images/take_it_tux48.png";
|
|
|
|
|
}
|
|
|
|
|
if ("" == name) {
|
|
|
|
|
name = mail;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
GEvent.addListener(marker, "click", function() {
|
|
|
|
|
marker.openInfoWindowHtml("<img width='48' height='48' src='" + image + "'/> <a href=\"mailto:" + mail + "\"><tt>" + name + "</tt></a><br/>" + aux);
|
|
|
|
|
});
|
2007-02-11 18:58:09 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Download data and show it
|
|
|
|
|
var request = GXmlHttp.create();
|
|
|
|
|
request.open("GET", "macports.markers.xml", true);
|
|
|
|
|
request.onreadystatechange = function() {
|
2007-02-11 19:58:01 +00:00
|
|
|
if (request.readyState == 4) {
|
|
|
|
|
var xmlDoc = request.responseXML;
|
|
|
|
|
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
|
|
|
|
|
for (var i = 0; i < markers.length; i++) {
|
|
|
|
|
var point = new GPoint(parseFloat(markers[i].getAttribute("long")),
|
|
|
|
|
parseFloat(markers[i].getAttribute("lat")));
|
|
|
|
|
addMarker(point,
|
|
|
|
|
markers[i].getAttribute("name"),
|
|
|
|
|
markers[i].getAttribute("mail"),
|
|
|
|
|
markers[i].getAttribute("image"),
|
|
|
|
|
""
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
2007-02-11 18:58:09 +00:00
|
|
|
}
|
|
|
|
|
request.send(null);
|
|
|
|
|
|
2007-02-11 19:03:31 +00:00
|
|
|
//]]>
|
|
|
|
|
</script>
|
|
|
|
|
|
2007-02-11 18:58:09 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
