Old school D3 from simpler times

All examples By author By category About

maptastik

Full window Github gist

My first ArcGIS API for JavaScript map

A simple webmap made with the ArcGIS API for JavaScript. It depicts downtown land use for Georgetown. The land use layer is pulled from ArcGIS Online.

Built based on tutorial, "Build a web map using ArcGIS.com"

<!DOCTYPE html>
<html>
<head>
<title>My first ArcGIS API for JavaScript Map</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<link rel="stylesheet" type="text/css" href="https://js.arcgis.com/3.13/esri/css/esri.css">
<style>
  html,body,#mapDiv,.map.container{
    padding:0;
    margin:0;
    height:100%;
  }
  #legendDiv{
    background-color: #fff;
    position: absolute !important;
    z-index: 99;
    top: 10px;
    right: 20px;
  }
</style>

<script>var dojoConfig = { parseOnLoad:true };</script>
<script src="https://js.arcgis.com/3.13compact/"></script>
<script>
  var map;
  require(["esri/map", "esri/arcgis/utils", "esri/dijit/Legend", "dojo/domReady!"], function(Map, arcgisUtils, Legend){
    arcgisUtils.createMap("c79c5f6d8521406e9de6fab075b456b6", "mapDiv").then(function (response) {
      map = response.map;
      
      var legend = new Legend({
        map: map,
        layerInfos: (arcgisUtils.getLegendLayers(response))
      }, "legendDiv");
      
      legend.startup();
    });
  });
</script>
</head>

<body>

<div id="mapDiv"></div>
  <div id="legendDiv"></div>
</body>
</html>

Modified http://js.arcgis.com/3.13compact/ to a secure url

https://js.arcgis.com/3.13compact/