CMTA-ParkandRide Map

by freedawirl

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>

	<div id="content">


<style>

.prwrap {padding:10px 20px 10px 20px; width:950px; margin: 0 auto;}

.navwrap {float:left; width:230px; margin-right:10px; }

.infowrap {float:left; width:230px; margin-right:10px;}

.mapwrap {float:left; width:420px; margin-right:10px;}

#map-canvas {border: 1px dotted #000; width:420px; height:500px; margin-top:35px;}

#big-map-canvas {border: 1px dotted #000; width:420px; height:500px;}

h3 {font-size:1.5em; width:700px; border-bottom:1px solid #005a92; }

</style>




        <div class="mapwrap"><script type="text/javascript">
function initialize() {
        var mapOptions = {
			center: new google.maps.LatLng(30.4, -97.75),
			zoom: 10,
			mapTypeId: google.maps.MapTypeId.ROADMAP,
			mapTypeControl: false,
			zoomControl: true,
			zoomControlOptions: {
				style: google.maps.ZoomControlStyle.LARGE,
				position: google.maps.ControlPosition.TOP_RIGHT
				},
		
		};
		
		var map = new google.maps.Map(document.getElementById("big-map-canvas"),
		mapOptions);
		
		setMarkers(map, parkandrides);
      }
	 
	var parkandrides = [
		['Leander Station', 30.586513, -97.855344, 1, '/parkandrides.aspx?id=2069', 'http://www.capmetro.org/images/timepoint1-red.gif'],
		['Lakeline Station', 30.480655, -97.787286, 2, '/parkandrides.aspx?id=2070', 'http://www.capmetro.org/images/timepoint2-red.gif'],
		['Lago Vista Park and Ride', 30.452932, -97.987008, 3, '/parkandrides.aspx?id=2073', 'http://www.capmetro.org/images/timepoint3-red.gif'],
		['Jonestown Park and Ride', 30.492887, -97.923389, 4, '/parkandrides.aspx?id=2072', 'http://www.capmetro.org/images/timepoint4-red.gif'],
		['Great Hills Park and Ride', 30.399688, -97.749717, 5, '/parkandrides.aspx?id=2077', 'http://www.capmetro.org/images/timepoint5-red.gif'],
		['Howard Station', 30.440332, -97.701174, 6, '/parkandrides.aspx?id=2075', '/images/timepoint6-red.gif'],
		['Pavillion Park and Ride',...