Hide Table of Contents
View No basemap sample in sandbox
No basemap

Description

New with version 3.3 of the API, a feature layer (or graphics layer) can be the only layer in a map. World regions are used in this sample.

Code

<!DOCTYPE html>
<html>
 
<head>
   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
   
<title>Feature Layer Only Map</title>
   
<link rel="stylesheet" href="https://js.arcgis.com/3.46/esri/css/esri.css">
   
<style>
      html
, body, #map {
        height
: 100%;
        width
: 100%;
        margin
: 0;
        padding
: 0;
     
}
   
</style>
   
<script src="https://js.arcgis.com/3.46/"></script>
   
<script>
      require
([
       
"dojo/dom-construct",
       
"esri/map",
       
"esri/layers/FeatureLayer",
       
"esri/geometry/Extent",
       
"esri/InfoTemplate",
       
"dojo/domReady!"
     
], function(
          domConstruct
,
         
Map,
         
FeatureLayer,
         
Extent,
         
InfoTemplate
       
) {
         
var bounds = new Extent({
           
"xmin":-16045622,
           
"ymin":-811556,
           
"xmax":7297718,
           
"ymax":11142818,
           
"spatialReference":{"wkid":102100}
         
});

         
var map = new Map("map", {
            extent
: bounds
         
});

         
var url = "https://sampleserver6.arcgisonline.com/arcgis/rest/services/WorldTimeZones/MapServer/2";

         
var template = new InfoTemplate("World Regions", "Region: ${REGION}");

         
var fl = new FeatureLayer(url, {
            id
: "world-regions",
            infoTemplate
: template
         
});

          map
.addLayer(fl);
       
}
     
);
   
</script>
 
</head>
 
<body>
   
<div id="map"></div>
 
</body>
</html>
 
         
Show Modal