-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
27 lines (24 loc) · 1.16 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>COVID-19 Mutual Aid communities map</title>
<link rel="stylesheet" type="text/css" href="css/map.css" />
</head>
<body style="display: flex; flex-flow: column; height: 100%;">
<div id="tabs">
<a href="#" class="button" onclick="maptools.filterSubset('groups');">mutual aid</a>
<a href="#" class="button" onclick="maptools.filterSubset('halo');">halo groups</a>
<a href="#" class="button" onclick="maptools.filterSubset('council');">council hubs</a>
<a href="#" class="button initfocus" onclick="maptools.filterSubset('all');">all</a>
</div>
<!-- div contains the map -->
<div id="map" style="background-color: gray; width: 100%; height: 100%; border: none;"></div>
<!-- scripts -->
<script src="js/maptypes.js"></script>
<script src="js/maptools.js"></script>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/jquery.csv.min.js"></script>
<script src="js/markerclustererplus.min.js"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDK5aA2nJ9euRm1gmP0Vaji3RxnbCeB3G8&callback=maptools.initMap"></script>
</body>
</html>