GIS_API_tutorial/exercise0.html at main · ellenbuckley/GIS_API_tutorial · 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
<!-- Exercise 0, Written in JavaScript 4.18 -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>JS API Workshop Prework</title>

    <style>
      html,
      body,
      #viewDiv {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
      }
    </style>
	<link rel="stylesheet" href="https://js.arcgis.com/4.21/esri/themes/light/main.css">
	<script src="https://js.arcgis.com/4.21/"></script>
    <script>
  		require(["esri/Map", "esri/views/MapView"], function (Map, MapView) {
  			var map = new Map({
  				basemap: "topo" // Basemap layer service
			});

			var view = new MapView({
 				map: map,
  				center: [-118.805, 34.027], // Longitude, latitude
  				zoom: 13, // Zoom level
  				container: "viewDiv" // Div element
			});
  		});
	</script>
  </head>
  <body>
    <div id="viewDiv"></div>
  </body>
</html>