Esri JS API 4.1 TEMPLATE

Template to start off with the esri JS API 4.1

by Alex Azuero

HTML

<script src="https://js.arcgis.com/4.1/init.js"></script>
<link rel="stylesheet" href="https://js.arcgis.com/4.1/esri/css/main.css">
<script type="text/javascript">
  var dojoConfig = {
    async: true
  };

</script>
<div id="viewDiv"></div>

CSS

html,
    body,
    #viewDiv {
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
    }

JavaScript

require([
  "esri/Map",
  "esri/views/SceneView",
  "esri/views/MapView",
  "dojo/domReady!"
],
function(Map, SceneView, MapView) {
  var map = new Map({
    basemap: "streets"
  });
  
  var viewOptions = {
    container: "viewDiv",
    map: map,
    center: [-101.17, 21.78],
    zoom: 4
  };

  // 2D:
  // var view = new MapView(viewOptions);

  // 3D:
  var view = new SceneView(viewOptions);
});