mtransitapps.github.io/index.html at master · mtransitapps/mtransitapps.github.io · 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
<!DOCTYPE html>
<html>
	<head>
		<title>MonTransit</title>
		<link rel="manifest" href="manifest.json">
		<meta name="application-name" content="MonTransit">
		<!-- <link rel="icon" sizes="16x16 32x32 48x48" href="lo_def.ico">-->
		<link rel="icon" sizes="512x512" href="hi-res-app-icon.png">
		<!-- https://raw.githubusercontent.com/mtransitapps/mtransit-for-android/master/pub/hi-res-app-icon.png -->
		<link rel="publisher" href="https://plus.google.com/101626002062568330238">
		<style type="text/css">
			html, body { height:100%; width:100%; margin: 0px;}
			.logo { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 256px; height: 256px; }
			#map { width: 100%; height: 100%; }
		</style>

		<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCrAHs1Dp4dgQxA0-17PJqaCfK_Jpg85Hs"></script>

		<script type="text/javascript">
			google.maps.event.addDomListener(window, 'load', init);

			function init() {
				var mapOptions = {
					zoom: 11,
					center: new google.maps.LatLng(45.5, -73.566667), // Montreal
					disableDefaultUI: true,
					styles: [
						{featureType:"all",elementType:"all",stylers:[{visibility:"off"}]},
						{featureType:'water',elementType:'all',stylers:[{visibility:"simplified"},{color:'#58454F'}]},
						{featureType:'landscape',elementType:'all',stylers:[{visibility:"simplified"},{color:'#230913'}]},
					]
				};
				var mapElement = document.getElementById('map');
				var map = new google.maps.Map(mapElement, mapOptions);
			}
		</script>
	</head>
	<body>
		<div id="map"></div>
		<img class="logo" src="hi-res-app-icon.png">
	</body>
</html>