Esri JS API 4.5 TEMPLATE

Template to start off with the Esri ArcGIS JavaScript API 4.5

by Vignesh Gopalakrishnan

HTML

<link rel="stylesheet" href="https://js.arcgis.com/4.5/esri/css/main.css">
<script src="https://js.arcgis.com/4.5/init.js"></script>
<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);
  });