Data
What kinds of Data?
* JSON, KML, Shapefile, CSV etc..
* Live streams, twitter, crowdsource data
Analysis Tools
Summarize Data
Find Locations
Manage Data
Use Proximity
Analyze Patterns
Data Enrichment
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 Copy of Johns Creek Competition
By dmart
Copy of Copy of Johns Creek Competition
- 1,761