Hide Table of Contents
Analysis
Data Reviewer
Dynamic Layers
Editing
Feature Layers
Feature Table
Graphics
Map
Mobile
Online and Portal
Popups and Info Windows
Query and Select
Renderers, Symbols, Visualization
Search
Analysis - Summarize nearby
Explore in the sandbox
Open in CodePen
View live sample
Download as a zip file
Description
The Summarize Nearby widget finds features that are within a specified distance of features in the input layer. This sample demonstrates how it can be used to calculate the socioeconomic conditions within five miles of five proposed new store locations.Analysis is a subscription based service available through ArcGIS Online. Log-in credentials are always required when executing an Analysis task. Please supply your own credentials to use 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>Analysis - Summarize Nearby</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.29/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="https://js.arcgis.com/3.29/esri/css/esri.css">
<style>
html, body, #border-container {
height: 100%;
margin: 0;
}
/* Don't display the analysis widget's close icon*/
.esriAnalysis .esriAnalysisCloseIcon {
display: none;
}
</style>
<script src="https://js.arcgis.com/3.29/"></script>
<script>
require([
"dojo/ready","dojo/parser", "esri/urlUtils",
"esri/map", "esri/layers/FeatureLayer", "esri/dijit/analysis/SummarizeNearby",
"esri/InfoTemplate", "dijit/ProgressBar",
"dijit/layout/BorderContainer", "dijit/layout/ContentPane"
], function(ready, parser, urlUtils, Map, FeatureLayer, SummarizeNearby, InfoTemplate, ProgressBar){
ready(function(){
parser.parse();
var map = new Map("map", {
basemap: "gray",
center: [-117.55,34.02],
zoom: 11
});
var pointLayer = new FeatureLayer("https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/New_Store_Location/FeatureServer/0");
var polygonLayer = new FeatureLayer("https://demographics5.arcgis.com/arcgis/rest/services/USA_Consumer_Expenditures_2015/MapServer/48", {
opacity: 0.5
});
map.addLayers([polygonLayer, pointLayer]);
var progressBar = new ProgressBar({
indeterminate: true,
style: "display: none;"
}, "progressbar");
var analysisTool;
map.on("layers-add-result", function(){
analysisTool = new SummarizeNearby({
sumNearbyLayers: [ pointLayer ],
summaryLayers: [ polygonLayer ],
portalUrl: "https://www.arcgis.com",
map: map,
returnFeatureCollection: true
}, "toolPane");
analysisTool.startup();
analysisTool.on("job-submit", function(){
progressBar.domNode.style.display = "block";
});
analysisTool.on("job-result", parseResult);
});
function parseResult(result){
analysisTool.set("disableRunAnalysis", false);
progressBar.domNode.style.display = "none";
var resultLayer = new FeatureLayer(result.value.url || result.value, {
outFields: ['*'],
infoTemplate: new InfoTemplate()
});
map.addLayer(resultLayer);
}
});
});
</script>
</head>
<body class="claro">
<div id="border-container" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline',gutters:false">
<div id="map" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'" style="padding: 0;"></div>
<div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'left'" style="width: 300px;">
<div id="toolPane"></div>
<div id="progressbar"></div>
</div>
</div>
</body>
</html>