Trying to get the script to work from the Network Analysis Closest facility sample - changed all the parameters and the map show up but the network won't work.
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9"> <!--The viewport meta tag is used to improve the presentation and behavior of the samples on iOS devices--> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> <title>PGC FIRE / EMS Closest Facilities</title>
function init(){ var webmapid = "cc7deb6b61be40bb99bd74957afb4f28"; esri.arcgis.utils.createMap(webmapid, "mapDiv").then(function(response){ map = response.map; });
dojo.connect(mapDiv, "onClick", mapClickHandler); params = new esri.tasks.ClosestFacilityParameters(); params.defaultCutoff= 3.0; params.returnIncidents=false; params.returnRoutes=true; params.returnDirections=true; dojo.connect(mapDiv, "onLoad", function(mapDiv) { var facilityPointSymbol = new esri.symbol.SimpleMarkerSymbol( esri.symbol.SimpleMarkerSymbol.STYLE_SQUARE, 10, new esri.symbol.SimpleLineSymbol( esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([89,95,35]), 2 ), new dojo.Color([130,159,83,0.40]) );
var incidentPointSymbol = new esri.symbol.SimpleMarkerSymbol( esri.symbol.SimpleMarkerSymbol.STYLE_CIRCLE, 16, new esri.symbol.SimpleLineSymbol( esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([89,95,35]), 2 ), new dojo.Color([130,159,83,0.40]) );
incidentsGraphicsLayer = new esri.layers.GraphicsLayer(); var incidentsRenderer = new esri.renderer.SimpleRenderer(incidentPointSymbol); incidentsGraphicsLayer.setRenderer(incidentsRenderer); map.addLayer(incidentsGraphicsLayer);
routeGraphicLayer = new esri.layers.GraphicsLayer(); var routePolylineSymbol = new esri.symbol.SimpleLineSymbol( esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([89,95,35]), 4.0 ); var routeRenderer = new esri.renderer.SimpleRenderer(routePolylineSymbol); routeGraphicLayer.setRenderer(routeRenderer);
map.addLayer(routeGraphicLayer);
var facilitiesGraphicsLayer = new esri.layers.GraphicsLayer(); var facilityRenderer = new esri.renderer.SimpleRenderer(facilityPointSymbol); facilitiesGraphicsLayer.setRenderer(facilityRenderer); mapDiv.addLayer(facilitiesGraphicsLayer); facilitiesGraphicsLayer.add(new esri.Graphic(new esri.geometry.Point(-13625960,4549921,map.spatialReference))); facilitiesGraphicsLayer.add(new esri.Graphic(new esri.geometry.Point(-13626184,4549247,map.spatialReference))); facilitiesGraphicsLayer.add(new esri.Graphic(new esri.geometry.Point(-13626477,4549415,map.spatialReference))); facilitiesGraphicsLayer.add(new esri.Graphic(new esri.geometry.Point(-13625385,4549659,map.spatialReference))); facilitiesGraphicsLayer.add(new esri.Graphic(new esri.geometry.Point(-13624374,4548254,map.spatialReference))); facilitiesGraphicsLayer.add(new esri.Graphic(new esri.geometry.Point(-13624891,4548565,map.spatialReference))); var facilities = new esri.tasks.FeatureSet(); facilities.features = facilitiesGraphicsLayer.graphics; params.facilities = facilities; params.outSpatialReference = map.spatialReference; }); closestFacilityTask = new esri.tasks.ClosestFacilityTask("http://192.168.1.74:6080/arcgis/rest/services/Firemapapp/NAServer/Closest Facility"); } function clearGraphics() { //clear graphics dojo.byId("directionsDiv").innerHTML= ""; map.graphics.clear(); routeGraphicLayer.clear(); incidentsGraphicsLayer.clear(); }
function mapClickHandler(evt) { clearGraphics(); dojo.byId("directionsDiv").innerHTML= ""; var inPoint = new esri.geometry.Point(evt.mapPoint.x,evt.mapPoint.y,map.spatialReference); var location = new esri.Graphic(inPoint); incidentsGraphicsLayer.add(location); var features = []; features.push(location); var incidents = new esri.tasks.FeatureSet(); incidents.features = features; params.incidents = incidents; map.graphics.enableMouseEvents(); dojo.connect(routeGraphicLayer,"onMouseOver", function(evt){ //clear existing directions and highlight symbol mapDIV.graphics.clear(); dojo.byId("directionsDiv").innerHTML= "Hover over the route to view directions"; var highlightSymbol = new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([0,255,255],0.25), 4.5); var highlightGraphic = new esri.Graphic(evt.graphic.geometry,highlightSymbol); mapDiv.graphics.add(highlightGraphic); dojo.byId("directionsDiv").innerHTML = esri.substitute(evt.graphic.attributes,"${*}");
});
//solve closestFacilityTask.solve(params,function(solveResult){ var directions = solveResult.directions; dojo.forEach(solveResult.routes, function(route, index){ //build an array of route info var attr = dojo.map(solveResult.directions[index].features,function(feature){ return feature.attributes.text; }); var infoTemplate = new esri.InfoTemplate("Attributes", "${*}"); route.setInfoTemplate(infoTemplate); route.setAttributes(attr); routeGraphicLayer.add(route); dojo.byId("directionsDiv").innerHTML = "Hover over the route to view directions"; }); //display any messages if(solveResult.messages.length > 0){ dojo.byId("directionsDiv").innerHTML = "<b>Error:</b> " + solveResult.messages[0]; } }); }
<b>Click the map to find routes for the <select name="numLocations" data-dojo-type="dijit.form.ComboBox" value="1" onChange="params.defaultTargetFacilityCount=this.value;clearGraphics();" style="width:60px;"> <option selected="selected">1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> closest facilities to the input point.</b> <div id="directionsDiv"></div>