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>
 |