66 lines
2.0 KiB
HTML
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>
|