SLUmobile/map.html at master · antigrl/SLUmobile · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
<head>
	<title>Locations of the Libraries | Saint Louis University Libraries | Saint Louis University</title>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
	  html { height: 100% }
	  body { height: 100%; margin: 0px; padding: 0px }
	  #map_canvas { height: 100% }
	</style>
	<script type="text/javascript"
	    src="http://maps.google.com/maps/api/js?sensor=true">
	</script>
	<script type="text/javascript">
	  function initialize() {
	    var latlngCenter = new google.maps.LatLng(38.628582,-90.236428);
	    var latlngPius = new google.maps.LatLng(38.63683,-90.235114);
	    var latlngLaw = new google.maps.LatLng(38.637475,-90.237045);
	    var latlngMCL = new google.maps.LatLng(38.622162,-90.236487);
	    var libIcon = './images/lib_map_icon.png';
	    var myOptions = {
	      zoom: 14,
	      center: latlngCenter,
	      mapTypeId: google.maps.MapTypeId.ROADMAP,
	      mapTypeControl: false
	    };
	    var map = new google.maps.Map(document.getElementById("map_canvas"),
	        myOptions);
	    var infowindowPius = new google.maps.InfoWindow({
		 content: '<font size="2"><b>Pius XII Memorial Library</b><br />3650 Lindell Blvd.<br />St. Louis, MO  63108<br />Phone: <a href="tel://3149773087">314-977-3087</a></font>',
		 disableAutoPan: false
	    });
	    var infowindowLaw = new google.maps.InfoWindow({
		 content: '<font size="2"><b>Omer Poos Law Library</b><br />3700 Lindell Blvd.<br />St. Louis, MO  63108<br />Phone: <a href="tel://3149773081">314-977-3081</a></font>',
		 disableAutoPan: false
	    });
	    var infowindowMCL = new google.maps.InfoWindow({
		 content: '<font size="2"><b>Medical Center Library</b><br />1402 S. Grand Blvd.<br />St. Louis, MO  63104<br />Phone: <a href="tel://3149778800">314-977-8800</a></font>',
		 disableAutoPan: false
	    });
	    var piusMarker = new google.maps.Marker({
	      position: latlngPius,
	      map: map,
	      title:"Pius XII Memorial Library",
	      icon: libIcon
	    });
	    var lawMarker = new google.maps.Marker({
	      position: latlngLaw,
	      map: map,
	      title:"Omer Poos Law Library",
	      icon: libIcon
	    });
	    var mclMarker = new google.maps.Marker({
	      position: latlngMCL,
	      map: map,
	      title:"Medical Center Library",
	      icon: libIcon
	    });
	    google.maps.event.addListener(piusMarker, 'click', function() {
		  infowindowPius.open(map,piusMarker);
	    });
	    google.maps.event.addListener(lawMarker, 'click', function() {
		  infowindowLaw.open(map,lawMarker);
	    });
	    google.maps.event.addListener(mclMarker, 'click', function() {
		  infowindowMCL.open(map,mclMarker);
	    });
//	  infowindowPius.open(map,piusMarker);
//	  infowindowLaw.open(map,lawMarker);
//	  infowindowMCL.open(map,mclMarker);
	  }
	</script>
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
	<script type="text/javascript" src="./jqm/jquery-1.4.3.min.js"></script>
	<script type="text/javascript" src="./jqm/jquery.mobile-1.0a3.min.js"></script>
</head>

<body onload="initialize()"><link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
  <div data-theme="c" id="map" data-role="page" style="width:100%; height:100%">
    <div data-backbtn="false" data-role="header" data-theme="b">
      <h1>Map - SLU Libraries</h1> <a class="ui-btn-left" rel="external" href="./index.html">Back</a>
    </div><!-- /header -->

    <div id="map_canvas" style="width:100%; height:100%"></div>

    <div data-role="footer">
      <h4>SLU Libraries</h4>
    </div><!-- /footer -->
 </div>
</body>
</html>