-
Notifications
You must be signed in to change notification settings - Fork 25
/
Copy pathindex.html
32 lines (32 loc) · 1.37 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
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Leaflet map polygon tabs</title>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<link rel="stylesheet" href="style.css" />
</head>
</body>
<!-- This div displays the container, tabs, and map; add title and caption if desired -->
<div class="interactiveContainer">
<div class="tabBar">
<!-- Edit the labels for each tab, such as "1910" -->
<div id="tab1" class="tabItem selected">1910</div>
<div id="tab2" class="tabItem">1920</div>
<div id="tab3" class="tabItem">1930</div>
<div id="tab4" class="tabItem">1940</div>
<div id="tab5" class="tabItem">1950</div>
<div id="tab6" class="tabItem">1960</div>
<div id="tab7" class="tabItem">1970</div>
<div id="tab8" class="tabItem">1980</div>
<div id="tab9" class="tabItem">1990</div>
<div id="tab10" class="tabItem">2000</div>
<div id="tab11" class="tabItem">2010</div>
</div>
<div id="map"></div>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>