-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
46 lines (46 loc) · 1.43 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!--
Project: GIS Assignment 3
Author: Jacob Dimoff
Date: 12/3/24
Filename: index.html
Purpose: Basic user interface that loads OpenLayers base maps, with functionality that determines the base map to be used and the layers to be drawn.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/x-icon" href="https://openlayers.org/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Using OpenLayers with Vite</title>
</head>
<header>
<h1>Books Stores and Great Places to Read in Halifax, Nova Scotia</h1>
</header>
<body>
<div id="map"></div>
<div id="mousePosition">
<h2 id="coordHeader">Coordinate Position of Mouse (x, y)</h2>
</div>
<div id="basemapChange">
<h2>Map Change</h2>
<Label>Map 1:</Label>
<input id="map1" type="radio" name="mapChange" class="radiobtn" checked="checked">
<Label>Map 2:</Label>
<input id="map2" type="radio" name="mapChange" class="radiobtn">
</div>
<div id="layerChange">
<h2>Layer Manipulation</h2>
<Label>Book Stores:</Label>
<input id="pointsLayer" type="checkbox" class="checkbtn">
<Label>Places to Read: </Label>
<input id="polyLayer" type="checkbox" class="checkbtn">
</div>
<script type="module" src="./main.js"></script>
</body>
<footer>
<img id="nsccLogo" src="img/COGS_SmallBlack.jpg" alt="COGS NSCC Logo">
<div>
© of COGS NSCC
</div>
</footer>
</html>