Codeup-web-exercises/mapbox_maps_api.html at main · Kelvon-Patterson/Codeup-web-exercises · 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
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Mapbox-maps-api</title>
    <!--MapboxCDN-->
    <script src='https://api.mapbox.com/mapbox-gl-js/v2.2.0/mapbox-gl.js'></script>
    <link href='https://api.mapbox.com/mapbox-gl-js/v2.2.0/mapbox-gl.css' rel='stylesheet' />

</head>
<body>


<div id='map' style='width: 100%; height: 150px;'></div>

<label id="zoomLevel">Choose a zoom level:</label>

<select name="Zoom" id="zoom-selector">
    <option value="value">Select a Zoom Level</option>
    <option value="10">5</option>
    <option value="15">10</option>
    <option value="20">15</option>
</select>


<script src = js/keys.js></script>
<script src="js/mapbox-geocoder-utils.js"></script>
<script src="js/mapbox_maps_api.js"></script>

</body>
</html>