Text

 

 

 

 

 

ArcGIS API for JavaScript

Building custom mapping apps

 

Adding mapping functionality to existing apps

 

Extending ArcGIS Online templates

 

Esri WebApp Builder custom widgets

Custom mapping apps

Map-centric app

Non map-centric app with map

Geographic analysis data - no map

Geographic data with no map

Map-centric app

NON map-centric app

No map - geographic data only

ArcGIS API for JavaScript

<link rel="stylesheet" 
    href="http://js.arcgis.com/3.14/esri/css/esri.css">
<script src="http://js.arcgis.com/3.14/"></script>

Hello World Map

Feature Layers

Geospatial database in the cloud

 

Accessible via HTTP requests

 

Get, add, update or delete geospatial data

Feature Layers

Feature Layers

API Module:

"esri/layers/FeatureLayer"

 

Handles all communication

var featureLayer = new FeatureLayer("http://.../MapServer/2",{
            mode: FeatureLayer.MODE_ONDEMAND,
            outFields: ["*"],
            infoTemplate: infoTemplate
});
          
map.addLayer(featureLayer);

Feature Layers

require([
            "esri/map",
            "esri/layers/FeatureLayer",
            "dojo/domReady!"
        ], function(
                Map,
                FeatureLayer
        ) {

            var map = new Map("map", {
                center: [-122.6717, 45.5275],
                zoom: 14,
                basemap: "dark-gray"
            });

            var url = "http://services.arcgis.com/uCXeTVveQzP4IIcx/ArcGIS/" +
                    "rest/services/Portland_TotalActivity/FeatureServer/0";

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

            map.addLayer(featureLayer);
        }
);

ArcGIS Online Map

<link rel="stylesheet" 
    href="http://js.arcgis.com/3.14/esri/css/esri.css">
<script src="http://js.arcgis.com/3.14/"></script>

ArcGIS Online Map

Hundreds of samples, templates, open source projects

JavaScript Resources

Copy of Johns Creek Competition

By dmart

Copy of Johns Creek Competition

  • 1,560