discourse-legacysite-perl/site/googlemaps/roadshow_map.html
2024-06-17 22:24:05 +10:00

66 lines
2.0 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="CONTENT-STYLE-TYPE" content="text/CSS" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
<script type="text/javascript" src="http://www.slowtwitch.com/js/jquery.url.js"></script>
<!-- BEGIN GOOGLE MAP HEADER CODE -->
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<!-- END GOOGLE MAP HEADER CODE -->
<!-- INCLUDE CODE FOR MAP OF ALL -->
<script type="text/javascript" src="http://www.slowtwitch.com/googlemaps/util.js"></script>
<script type="text/javascript">
function initializeAllMap(myURL) {
//alert("mapping!");
var myLatlng = new google.maps.LatLng(40, -100);
var myOptions = {
zoom: 3,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
downloadUrl(myURL, function(data) {
var markers = data.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var marker = new google.maps.Marker({position: latlng, map: map, title: markers[i].getAttribute("name")});
}
});
}
</script>
</head>
<body id="home" onload="initializeAllMap('http://www.slowtwitch.com/googlemaps/roadshow_xml.php')">
<div align="center" id="map_canvas" style="width: 630px; height: 420px; border: 1px solid;"></div>
</body>
</html>