Skip to content

Instantly share code, notes, and snippets.

@odoe
Created July 16, 2019 14:11
Show Gist options
  • Save odoe/7abaa3a368e08859b37766cac487a9dd to your computer and use it in GitHub Desktop.
Save odoe/7abaa3a368e08859b37766cac487a9dd to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<title>My First Map</title>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link
rel="stylesheet"
href="https://js.arcgis.com/4.12/esri/themes/light/main.css"
/>
<script src="https://js.arcgis.com/4.12/"></script>
<script>
require(["esri/WebMap", "esri/views/MapView"], function(WebMap, MapView) {
// create a map instance
const webmap = new WebMap({
portalItem: {
id: "be4b2af07b5a4d40a4deeae1b11fe3cc"
}
});
// create a view to display
// our map data
const view = new MapView({
container: "viewDiv",
map: webmap
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment