index.html

<!DOCTYPE html>
<html>
<head>
	<title>Map Test Instrument</title>
	<meta charset="utf-8">
	<!-- local leaflet include -->
	<!--<script type='text/javascript' src="leaflet/leaflet-src.js"></script>-->
	<!--<link rel="stylesheet" href="leaflet/leaflet.css"/>-->
	<link rel="stylesheet" href="openlayers/ol.css" type="text/css">
	<script src="openlayers/ol.js" type="text/javascript"></script>
	<!-- uncreatively named JavaScript and CSS files for this app -->
	<script type='text/javascript' src="config.js"></script>
	<script type='text/javascript' src="script.js"></script>
	<link rel="stylesheet" href="style.css"> 
</head>
<!-- on load, a function from script.js is called, initiating the app -->
<body>
	<!-- container for the leaflet-generated web map -->
	<div id="map" class="map"></div>
	<!-- Button controls Javascript and CSS used to display only those which are relevant -->
	<div id="controls">
		<button id="startbutton" type="button" onclick="start()" >START</button>
	</div>
</body>
</html> 