ssylvia/webmap_destroy_4.x.html

## webmap_destroy_4.x.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
  <title>Load a basic WebMap - 4.1</title>

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

  <link rel="stylesheet" href="https://jsdev.arcgis.com/4.1/esri/css/main.css">
  <link rel="stylesheet" href="https://jsdev.arcgis.com/4.1/esri/css/calcite/calcite.css">

  <script src="https://jsdev.arcgis.com/4.1/"></script>

  <script>
    require([
      "esri/views/MapView",
      "esri/WebMap",
      "dojo/domReady!"
    ], function(
      MapView, WebMap
    ) {

      /************************************************************
       * Creates a new WebMap instance. A WebMap must reference
       * a PortalItem ID that represents a WebMap saved to
       * arcgis.com or an on-premise portal.
       *
       * To load a WebMap from an on-premise portal, set the portal
       * url in esriConfig.portalUrl.
       ************************************************************/
      var webmap = new WebMap({
        portalItem: { // autocasts as new PortalItem()
          id: "f2e9b762544945f390ca4ac3671cfa72"
        }
      });

      /************************************************************
       * Set the WebMap instance to the map property in a MapView.
       ************************************************************/
      var mapView = new MapView({
        map: webmap,
        container: "viewDiv"
      }).then(function(view) {
        setTimeout(function(){
          view.destroy();
          webmap.destroy();
          console.log('destroyed');
        },4000);
      });
    });
  </script>
</head>

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

</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
	<title>Load a basic WebMap - 4.1</title>

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

	<link rel="stylesheet" href="https://jsdev.arcgis.com/4.1/esri/css/main.css">
	<link rel="stylesheet" href="https://jsdev.arcgis.com/4.1/esri/css/calcite/calcite.css">

	<script src="https://jsdev.arcgis.com/4.1/"></script>

	<script>
	require([
	"esri/views/MapView",
	"esri/WebMap",
	"dojo/domReady!"
	], function(
	MapView, WebMap
	) {

	/************************************************************
	* Creates a new WebMap instance. A WebMap must reference
	* a PortalItem ID that represents a WebMap saved to
	* arcgis.com or an on-premise portal.
	*
	* To load a WebMap from an on-premise portal, set the portal
	* url in esriConfig.portalUrl.
	************************************************************/
	var webmap = new WebMap({
	portalItem: { // autocasts as new PortalItem()
	id: "f2e9b762544945f390ca4ac3671cfa72"
	}
	});

	/************************************************************
	* Set the WebMap instance to the map property in a MapView.
	************************************************************/
	var mapView = new MapView({
	map: webmap,
	container: "viewDiv"
	}).then(function(view) {
	setTimeout(function(){
	view.destroy();
	webmap.destroy();
	console.log('destroyed');
	},4000);
	});
	});
	</script>
	</head>

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

	</html>