MerchGamePrototype/map.html at master · iraklisrossis/MerchGamePrototype · 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
<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<style type="text/css">
			html { height: 100% }
			body { height: 100%; margin: 0; padding: 0 }
			#map_canvas { height: 100% }
		</style>
		<script type="text/javascript"
			src="http://maps.googleapis.com/maps/api/js?key=AIzaSyApCFwHRH4IYeD38oScVSxjl_48dNCmcaM&sensor=false">
		</script>
		<script type="text/javascript"	src="merchFuncs.js">
		</script>
	</head>
	<body onload="initialize()">
		<div id="map_canvas" style="float:left; width:800px; height:800px"></div>
		<div id="Controls" style="float:left; width:1000px; height:800px;">
			<div id="ControlsRow1" style="float:top; width:100%; height:40%;">
				<div id="RenderControls" style="float:left; width:150px; height:90%; padding: 5px; border: 5px white groove;">
					Rendering controls<br>
					<br>
					Center:<br>
					Lat:<input type="text" id="renderCenterLat" style="width:100px;" onchange="cLat = this.value"/><br>
					Lng:<input type="text" id="renderCenterLng" style="width:100px;" onchange="cLng = this.value"/><br>
					<br>
					Distance:<input type="text" id="renderDistance" style="width:100px;" onchange="renderDist = this.value"/><br>
					<input type="button" value="Redraw" onclick="updateRenderingValues()"/><br>
				</div>
				<div id="IslandControls" style="float:left; width:150px; height:90%; padding: 5px; border: 5px white groove;">
					Island Controls<br>
					<br>
					Render <input id="renderIslandsCheckbox" type="checkbox" onclick="shouldDrawIslands=this.checked;createIslands(center);"/><br>
					avgDist:<input type="text" id="avgIslandDistBox" style="width:100px;" onchange="avgIslandDist = this.value"/><br>
					latSeed:<input type="text" id="latSeedBox" style="width:100px;" onchange="latSeed = this.value"/><br>
					lngSeed:<input type="text" id="lngSeedBox" style="width:100px;" onchange="lngSeed = this.value"/><br>
				</div>
				<div id="PlayerControls" style="float:left; width:150px; height:90%; padding: 5px; border: 5px white groove;">
					Player Controls<br>
					<br>
					$$$$$: <label type="text" id="playerFundsLabel" style="width:100px;"/></label><br>
					<br>
					Cargo Hold<br>
					total cargo:<label id='playerTotalCargo'></label>/<label id='playerMaxCargo'></label>
					<div id='playerHold'></div><br>
					<input type="button" value="Advance time" onclick="AdvanceTime()"/><br>
				</div>
			</div>
			<div id="ControlsRow2" style="float:top; width:100%; height:50%;">

			</div>
		</div>
	</body>
</html>