Drawing Line Measurement Not Matching Buffer Distance

ChrisSergent — Thu, 11 Sep 2014 20:54:13 GMT

I need a line measurement to match my buffer distance. The code modifications should related to this article: Measuring distances and areas when your map uses the Mercator projection | ArcGIS Blog

Currently I have a buffer that uses a WKID of 4326 which appears to draw correctly with a measured buffer of 500 feet. The rest of the application uses a WKID 102100 which allows the application to display correctly, but the line tool is coming up with a measurement of about 150 feet more than the buffer. I have changed each 102100 one at a time even ones I did not think I should as I need this app to work in testing. Any idea where I am going wrong with my code so that my measurements work?

Here is my code:

/// <reference path="scriptaculous.js" />

/// <reference path="dragdrop.js" />

/// <reference path="effects.js" />

/// <reference path="rico.js" />

/// <reference path="ricoStyles.js" />

/// <reference path="ricoCommon.js" />

/// <reference path="ricoEffects.js" />

// Using Intellisense For The Above

// http: //msdn.microsoft.com/en-us/library/bb385682.aspx

////////// AUTHOR & APPLICATION INFORMATION ////////////////////////////////////////

// Author: Chris Sergent

// Date: May 1, 2012

// Application: SOA

////////////////////////////////////////////////////////////////////////////////////

// Address Points - Layer 0

// Bike Paths - Red Line - Layer 1

// Inhome Daycares - Dark Blue - Layer 2

// Daycare Facilities - Light Blue - Layer 3

// Playgrounds - Purple - Layer 4

// School Property - Green - Layer 5

// Macon Co. Tax Parcels - Layer 6

// Decatur Corporate Boundary - Layer 7

////////////////////////////////////////////////////////////////////////////////////

// DECLARE AND SET VARIABLES BEGIN

////////////////////////////////////////////////////////////////////////////////////

// SET UP DOJO BEGIN

////////////////////////////////////////////////////////////////////////////////////

Dojo Framework Require Begin

dojo.require("dojo.parser");

dojo.require("dojo.number");

Parsing dojo.number include four functions

- dojo.number.format() - formats numeric values

- dojo.number.parse() - converts a string to a number

- dojo.number.regexp() - returns a regular expression

- dojo.number.round() - rounds numbers

dojo.require("dojo.data.ItemFileReadStore");

dojo.require("dojo.fx");

dojo.require("dijit.dijit");

dojo.require("dijit.form.Button");

dojo.require("dijit.Toolbar");

dojo.require("dijit.TitlePane");

dojo.require("dijit.layout.BorderContainer");

dojo.require("dijit.layout.ContentPane");

dojo.require("dijit.Editor");

dojo.require("dijit.layout.TabContainer");

dojo.require("dojox.grid.DataGrid");

// Declare Rounding Corners With Rico

var roundCorners = Rico.Corner.round.bind(Rico.Corner);

Dojo Framework Require End

//-----------------------------------------------------------

// REST API - Making Tools Available

//-----------------------------------------------------------

// ESRI dojo objects

// allows you to work with the dynamic map service resource exposed by the ArcGIS REST API.

// Reference: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi/arcgisdynamicmapservicelayer.htm#

dojo.require("esri.layers.agsdynamic"); // dynamic map services generate images on the fly.

dojo.require("esri.layers.agstiled"); // cached map service.

// esri.Map class created a container and required DOM structure for adding

// -layers, graphics, info_window, and other navigation controls

dojo.require("esri.map");

dojo.require("esri.toolbars.navigation");

dojo.require("esri.toolbars.draw");

// ESRI dojo tasks

// esri.tasks.geometry class represents a geometry service exposed by the ArcGIS REST API.

// Operations include - project, simplify, buffer, and relationships

// Reference: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi/geometry.htm#

dojo.require("esri.tasks.geometry");

// Represents a geocode service resource exposed by the ArcGIS REST API.

// It is used to generate candidates for an address.

// It is also used to find an address for a given location.

// Reference: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi/locator.htm#

dojo.require("esri.tasks.locator");

// ESRI dojo task for querying against the ArcGIS REST API.

// Reference: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi/querytask.htm#

dojo.require("esri.tasks.query");

// ESRI dojo task for identifying against the ArcGIS REST API.

dojo.require("esri.tasks.identify");

// ESRI dojo graphics utility for displaying features in a single layer using the ArcGIS REST API.

// Reference:http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi/featurelayer.htm#

dojo.require("esri.layers.FeatureLayer");

ESRI Dojo Objects End

////////////////////////////////////////////////////////////////////////////////////

// SET UP DOJO END

////////////////////////////////////////////////////////////////////////////////////

// DECLARE AND SET VARIABLES END

////////////////////////////////////////////////////////////////////////////////////

// MAP EXTENTS

////////////////////////////////////////////////////////////////////////////////////

Set the extent of one map service.

For multiple map services, see the section titled Setting the beginning extent

when using multiple services at-

http://resources.esri.com/help/9.3/arcgisserver/apis/javascript/arcgis/help/jshelp_start.htm

////WARNING WARNING WARNING WARNING WARNING WARNING WARNING WARNING WARNING/////////

// WARNING WARNING WARNING WARNING WARNING WARNING WARNING WARNING WARNING

// ENSURE YOU HAVE A GEOMETRY SERVICE CREATED AND RUNNING ON

// ESRI ArcGIS Server OR YOUR MAP MAY NOT DISPLAY

// NOTE: You do not necessarily need to reference the geometry service

// in your code.

////WARNING WARNING WARNING WARNING WARNING WARNING WARNING WARNING WARNING/////////

// Extent and Spatial reference of our map service

//var startExtent = new esri.geometry.Extent({ "xmin": 778733.96207758, "ymin": 1133387.86320644, "xmax": 849794.792685476, "ymax": 1193607.08672764, "spatialReference": { "wkid": 102100} });

// This is the required projection to display in Decatur for imagery

var startExtent = new esri.geometry.Extent({ "xmin": -9907408.2369, "ymin": 4839236.5572, "xmax": -9897146.5658, "ymax": 4847826.1683, "spatialReference": { "wkid": 102100} });

// Sets the extent for the find address query

var addressExtent, newExtent;

//-----------------------------------------------------------

// Map Services Begin

//-----------------------------------------------------------

// Define Map Section

var gisUrl; // GIS Server Location

// Old Url - http://64.107.106.57/

gisUrl = "http://decgis01/";

var rasSvc; // Raster Service

rasSvc = "Public/Aerial_2012/MapServer";

var mapSvc; // Map Service

mapSvc = "Internal/SOA/MapServer";

var addrLocSvc; // Address Locator Service

addrLocSvc = "Public/WebAddressLocator/GeocodeServer";

var geomSvc; // Geometry Service

geomSvc = "Utilities/Geometry/GeometryServer";

var map, dynamicMapServiceLayer, imageDynamicMapServiceLayer;

dynamicMapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer(gisUrl + "arcgis/rest/services/" + mapSvc);

dynamicMapServiceLayer.setOpacity(0.4);

//imageDynamicMapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer(gisUrl + "arcgis/rest/services/" + rasSvc);

imageDynamicMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer");

// http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi/arcgisdynamicmapservicelayer.htm#setImageFormat

//imageDynamicMapServiceLayer.setImageFormat("jpg");

// Navigation Tools

var navToolbar;

// Locator service to be used for find address

var locator;

locator = new esri.tasks.Locator(gisUrl + "arcgis/rest/services/" + addrLocSvc);

// SR required for Decatur

var spatialReference = new esri.SpatialReference({ wkid: 102100 });

locator.setOutSpatialReference(spatialReference);

// Geometry Service

var geometryService;

geometryService = new esri.tasks.GeometryService(gisUrl + "arcgis/rest/services/" + geomSvc);

//-----------------------------------------------------------

// Map Services End

//-----------------------------------------------------------

// ESRI Tasks Begin

//-----------------------------------------------------------

// Define Macon County Tax Parcels as Layer to Query

// http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp/intro_querytask.htm#

var queryTask = new esri.tasks.QueryTask(gisUrl + "arcgis/rest/services/" + mapSvc + "/6");

// Creates a new query to be used against the current geometry

var queryParams = new esri.tasks.Query();

var circleSymbol = new esri.symbol.SimpleMarkerSymbol();

circleSymbol.setStyle(esri.symbol.SimpleMarkerSymbol.STYLE_CIRCLE);

circleSymbol.setColor(new dojo.Color([153, 0, 51, 0.75]));

// Declare coordinate for drawing point in find address

var x1, y1;

// Declare geometry for find address

var geom;

// Identify Task

var identifyHandle;

var identifyTask, identifyParams;

// Measure Polyline

var measureLine;

var lineLengthParams = new esri.tasks.LengthsParameters();

var measureLineGraphic;

// Measure Polygon

var measurePolygon;

var polygonLengthParams = new esri.tasks.AreasAndLengthsParameters();

var measurePolygonGraphic;

// Project Point

var pt = null;

var point;

var ptSymbol;

var ptGraphic;

var ptOutSR;

var pointHandle;

var inTown;

//-----------------------------------------------------------

// ESRI Tasks End

//-----------------------------------------------------------

// Query Layers Begin

//-----------------------------------------------------------

// Layers to evaluate if they are in a safe zone based on a sex offender's potential address

var qryBikePaths = new esri.tasks.QueryTask(gisUrl + "arcgis/rest/services/" + mapSvc + "/1")

var qryHomeDayCare = new esri.tasks.QueryTask(gisUrl + "arcgis/rest/services/" + mapSvc + "/2");

var qryDayCare = new esri.tasks.QueryTask(gisUrl + "arcgis/rest/services/" + mapSvc + "/3");

var qryParks = new esri.tasks.QueryTask(gisUrl + "arcgis/rest/services/" + mapSvc + "/4");

var qrySchools = new esri.tasks.QueryTask(gisUrl + "arcgis/rest/services/" + mapSvc + "/5");

var qryDecaturBoundary = new esri.tasks.QueryTask(gisUrl + "arcgis/rest/services/" + mapSvc + "/7");

//-----------------------------------------------------------

// Query Layers End

//-----------------------------------------------------------

// Graphics Definition Begin

//-----------------------------------------------------------

/* Define initial address point to be drawn for find address */

var firstGraphic;

/* Define queried point to be drawn for find address */

var graphicPt;

/* Defines the line drawn for the polygon of the parcel */

var selectParcel;

//-----------------------------------------------------------

// Graphics Definition End

//-----------------------------------------------------------

////////////////////////////////////////////////////////////////////////////////////

// PAGE INITIALIZATION

////////////////////////////////////////////////////////////////////////////////////

function init() {

// Initialize JavaScript Framework Controls

// Round Sidebar Corners

roundSidebarCorners();

// Add Sidebar

addSideBar();

// Add Sidebar Title

addSideBarTitle();

// Add Map Navigation Title

addMapNavigationTitle();

// Add Map Navigation Content

addMapNavigationContent();

// Add Map Tools Title

addMapToolsTitle();

// Add Map Tools Content

addMapToolsContent();

// Add Address Search Title

addAddressQueryTitle();

// Add Address Search Content

addAddressQueryContent();

$("sideBarTop").style.cursor = "hand"; // Sidebar Top - To Drag the Sidebar

$("sideBarTopFill").style.cursor = "hand"; // Sidebar Top Fill - To Drag the Sidebar

$("sideBarBottom").style.cursor = "hand"; // Sidebar Bottom - To Drag the Sidebar

$("sideBarBottomFill").style.cursor = "hand"; // Sidebar Bottom Fill - To Drag the Sidebar

$("dojoGrid").style.display = 'none';

$("btnClearGraphics").style.display = 'none';

// Add Footer Section

addFooterSection();

addFooter();

// Enable Sidebar Drag

EnableDrag();

// Set Browser to Full Size

maxBrowserWindow();

The proxy section is defined on the ESRI sample. I have included it as

part of the documentation reads that the measuring will not work.

I thought that might be important.

// Proxy Definition Begin

//identify proxy page to use if the toJson payload to the geometry service is greater than 2000 characters.

//If this null or not available the project and lengths operation will not work. Otherwise it will do a http post to the proxy.

esriConfig.defaults.io.proxyUrl = "proxy.ashx";

esriConfig.defaults.io.alwaysUseProxy = false;

// Proxy Definition End

// Programmatically define web services

// Add controls to the interface

esriConfig.defaults.map.sliderLabel = null;

////////////////////////////////////////////////////////////////////////////////////

// Note:

// The last layer added to the map is the top layer.

// Setting the opacity as shown below allows for hidden

// layers to become visible.

////////////////////////////////////////////////////////////////////////////////////

// LAYERS

////////////////////////////////////////////////////////////////////////////////////

/* Add a dynamic layer */

All map services use a unique reference to identify the map service

In ESRI ArcGIS Server, the unique reference is the URL of the published

map service

map = new esri.Map("mapSection", { extent: startExtent });

// Enable identify

dojo.connect(map, "onLoad", initFunctionality);

// The dynamic layer is added to the map

map.addLayer(imageDynamicMapServiceLayer);

map.addLayer(dynamicMapServiceLayer);

//alert(dynamicMapServiceLayer.layerInfos[5].name);

//alert((dynamicMapServiceLayer.visibleLayers.length) + 1);

// Add toolbar

navToolbar = new esri.toolbars.Navigation(map);

// Sets the navigation bar up to handle previous and next extent

dojo.connect(navToolbar, "onExtentHistoryChange", extentHistoryChangeHandler);

// Reference - http://forums.arcgis.com/threads/48318-Set-zoomToFullExtent-to-be-my-Initial-Extent

navToolbar.zoomToFullExtent = function () {

map.setExtent(startExtent);

}

// Add Polygon Tool

measurePolygon = new esri.toolbars.Draw(map);

dojo.connect(measurePolygon, "onDrawEnd", function (geometry) {

removePolygon();

deactivatePoint();

// This line of code is a guess

polygonLengthParams.polygons = [geometry];

polygonLengthParams.areaUnit = esri.tasks.GeometryService.UNIT_SQUARE_FEET;

polygonLengthParams.areaUnit = esri.tasks.GeometryService.UNIT_ACRES;

geometryService.simplify([geometry], function (simplifiedGeometries) {

polygonLengthParams.polygons = simplifiedGeometries;

geometryService.areasAndLengths(polygonLengthParams);

});

geometryService.lengths(polygonLengthParams);

measurePolygonGraphic = map.graphics.add(new esri.Graphic(geometry, new esri.symbol.SimpleFillSymbol()));

});

// Add Line Tool

measureLine = new esri.toolbars.Draw(map);

dojo.connect(measureLine, "onDrawEnd", function (geometry) {

deactivatePoint();

removePolygon();

lineLengthParams.polylines = [geometry];

lineLengthParams.lengthUnit = esri.tasks.GeometryService.UNIT_FOOT;

lineLengthParams.geodisc = true;

geometryService.lengths(lineLengthParams);

measureLineGraphic = map.graphics.add(new esri.Graphic(geometry, new esri.symbol.SimpleLineSymbol()));

});

// Diplay Polygon Area and Distance after measuring

dojo.connect(geometryService, "onAreasAndLengthsComplete", outputAreaAndLength);

// Display Line Distance after measuring

dojo.connect(geometryService, "onLengthsComplete", outputDistance);

// Make Address Locator Available

dojo.connect(locator, "onAddressToLocationsComplete", showResults);

// Connect the row click item to the dojo grid

dojo.connect(dojoGrid, "onRowClick", onRowClickHandler);

// Enable tab display for identify

dojo.connect(map.infoWindow, "onShow", function () {

dijit.byId("tabs").resize();

});

}

Map Tools Begin

// Add history reference for previous and next extent on map toolbar

function extentHistoryChangeHandler() {

$("btnPrevExtent").disabled = navToolbar.isFirstExtent();

$("btnNextExtent").disabled = navToolbar.isLastExtent();

}

Find Address Point Function Begins

function findAddress() {

if (Page_IsValid) {

// Clear the map

map.graphics.clear();

$("lblResponse").innerHTML = "";

$("lblAddressStatus").innerHTML = "";

var add = dojo.byId("txtAddress").value.split(",");

var address = {

SingleKey: add[0]

};

Locator begins searching for address matches when the method addressToLocations is called.

The event listener onAddressToLocationsComplete calls the function showResults()

onAddressToLocationsComplete fires when Locator.addressToLocation() has completed

locator.addressToLocations(address);

}

function showResults(candidates) {

var candidate;

var symbol = new esri.symbol.SimpleMarkerSymbol();

var infoTemplate = new esri.InfoTemplate("Location", "Address: ${address}<br />Score: ${score}");

symbol.setStyle(esri.symbol.SimpleMarkerSymbol.STYLE_CIRCLE);

symbol.setColor(new dojo.Color([255, 0, 0, 0.75]));

var points = new esri.geometry.Multipoint(map.spatialReference);

var incrementor = 0;

var validRecords = 0;

var xLoc, yLoc, singleAddress;

$("dojoGrid").style.display = 'inherit';

var items = [], obj = {}, loc;

dojo.forEach(candidates,

function (candidate) {

if (candidate.score > 50) {

obj = {};

obj['address'] = candidate.address;

obj['score'] = candidate.score;

loc = candidate.location;

obj['x'] = loc.x;

obj['y'] = loc.y;

obj['location'] = loc.x + ', ' + loc.y;

items.push(obj);

}

);

console.log(items);

// Create data object to be used in store

var data = {

items: items

};

// Create data store and bind to grid

store = new dojo.data.ItemFileReadStore({ data: data });

var grid = new dojox.grid.DataGrid;

grid = dijit.byId('dojoGrid');

grid.setStore(store);

// Evaluate number of addresses returned

// if there is only one address, set the height of the grid to 0

if (items.length == 1) {

$("dojoGrid").style.height = 0

}

else {

// if there is more than one address set the height 50x the number of items addresses returned

$("dojoGrid").style.height = 50 * items.length;

}

// Evaluate if any candidates exist

if (candidates.length == 0) {

$("lblAddressStatus").innerHTML = "The Address you entered is not recognized. Make sure you entered it correctly.";

$("lblAddressStatus").className = "warningMessage";

$("lblResponse").innerHTML = " Your address should be like the example:" +

"<br> 111 E MAIN ST " +

"<br> And the format should be:" +

"<br> Street Address";

$("lblResponse").className = "warningMessage";

$("lblBikePath").innerHTML = "";

$("lblHomeDayCare").innerHTML = "";

$("lblDayCare").innerHTML = "";

$("lblParks").innerHTML = "";

$("lblSchools").innerHTML = "";

$("lblCityLimits").innerHTML = "";

$("btnClearGraphics").style.display = 'none';

$("dojoGrid").style.display = 'none';

navToolbar.zoomToFullExtent();

// exit code

return;

}

else {

// Check all candidates for a matching score greater than 50

for (incrementor; incrementor < candidates.length; incrementor++) {

candidate = candidates[incrementor];

if (candidate.score > 50) {

var attributes = { address: candidates[incrementor].address, score: candidates[incrementor].score };

var graphic = new esri.Graphic(candidates[incrementor].location, symbol, attributes, infoTemplate);

map.graphics.add(graphic);

map.graphics.add(new esri.Graphic(candidate.location, new esri.symbol.TextSymbol(attributes.address).setOffset(0, 8)));

points.addPoint(candidate.location);

validRecords = incrementor + 1;

xLoc = candidates[incrementor].location.x;

yLoc = candidates[incrementor].location.y;

singleAddress = candidates[incrementor].address;

}

if (validRecords > 1) {

$("lblAddressStatus").innerHTML = "Success!";

$("lblAddressStatus").className = "normalMessage";

map.setExtent(points.getExtent().expand(3));

$("btnClearGraphics").style.display = 'inherit';

}

else if (validRecords == 0) {

$("lblAddressStatus").innerHTML = "The Address you entered is not recognized. Make sure you entered it correctly.";

$("lblAddressStatus").className = "warningMessage";

$("lblResponse").innerHTML = " Your address should be like the example:" +

"<br> 111 E MAIN ST " +

"<br> And the format should be:" +

"<br> Street Address";

$("lblResponse").className = "warningMessage";

$("lblBikePath").innerHTML = "";

$("lblHomeDayCare").innerHTML = "";

$("lblDayCare").innerHTML = "";

$("lblParks").innerHTML = "";

$("lblSchools").innerHTML = "";

$("lblCityLimits").innerHTML = "";

$("btnClearGraphics").style.display = 'none';

$("dojoGrid").style.display = 'none';

navToolbar.zoomToFullExtent();

}

else if (validRecords == 1) {

// Coordinates of single address returned

$("lblAddressStatus").innerHTML = "The Address " + singleAddress + " was found.";

$("lblAddressStatus").className = "normalMessage";

map.setExtent(points.getExtent());

$("btnClearGraphics").style.display = 'inherit';

map.graphics.clear();

$("lblResponse").innerHTML = "";

x1 = xLoc;

y1 = yLoc;

geom = new esri.geometry.Point(x1, y1, new esri.SpatialReference({ wkid: 343 }));

graphicPt = new esri.Graphic(geom, symbol);

// Add Point

map.graphics.add(graphicPt);

// Initialize Query

// http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp/intro_querytask.htm#

var qry = new esri.tasks.Query();

qry.returnGeometry = true;

qry.ourSpatialReference = { "wkid": 102100 };

qry.geometry = geom;

// Check if point is in city limits

qry.spatialRelationship = esri.tasks.Query.SPATIAL_INTERSECTS;

qryDecaturBoundary.execute(qry, qryDecaturBoundary_complete);

}

Display Grid Cell That Was Clicked

function onRowClickHandler(evt) {

map.graphics.clear();

$("lblAddressStatus").innerHTML = "";

$("lblResponse").innerHTML = "";

// Set X and Y Coordinates

x1 = dojoGrid.getItem(evt.rowIndex).x;

y1 = dojoGrid.getItem(evt.rowIndex).y;

// Declare geometry and assign coordinates

// http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi/point.htm#

// http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi/point.htm#PointConst1

// Required for Decatur

geom = new esri.geometry.Point(x1[0], y1[0], new esri.SpatialReference({ wkid: 102100 }));

graphicPt = new esri.Graphic(geom, circleSymbol);

// Add Point

map.graphics.add(graphicPt);

// Initialize Query

// http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp/intro_querytask.htm#

var qry = new esri.tasks.Query();

qry.returnGeometry = true;

qry.ourSpatialReference = { "wkid": 102100 };

qry.geometry = geom;

// Check if point is in city limits

qry.spatialRelationship = esri.tasks.Query.SPATIAL_INTERSECTS;

qryDecaturBoundary.execute(qry, qryDecaturBoundary_complete);

}

// Custom Buffer Sample

// http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples/util_buffergraphic.html#

// http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples/exp_cors_buffer.html

function doBuffer(geometry) {

// Set up buffer parameters

var params = new esri.tasks.BufferParameters();

params.distances = [500];

params.bufferSpatialReference = new esri.SpatialReference({ wkid: 3435 });

params.outSpatialReference = map.spatialReference;

params.unit = esri.tasks.GeometryService.UNIT_FOOT;

geometryService.simplify([geometry], function (geometries) {

params.geometries = geometries;

geometryService.buffer(params, showBuffer);

});

}

function showBuffer(bufferedGeometries) {

map.graphics.clear();

var symbol = new esri.symbol.SimpleFillSymbol(

esri.symbol.SimpleFillSymbol.STYLE_SOLID,

new esri.symbol.SimpleLineSymbol(

esri.symbol.SimpleLineSymbol.STYLE_SOLID,

new dojo.Color([255, 0, 0, 0.65]), 2

new dojo.Color([255, 0, 0, 0.35])

);

var graphic;

dojo.forEach(bufferedGeometries, function (geometry) {

graphic = new esri.Graphic(geometry, symbol, { buffer: true });

// Add point

map.graphics.add(graphicPt);

// Add polygon

map.graphics.add(firstGraphic);

// Add Buffer

map.graphics.add(graphic);

});

map.setExtent(bufferedGeometries[0].getExtent().expand(2));

// evaluate if buffered geometries intersect with safe zones

queryParams.spatialRelationship = esri.tasks.Query.SPATIAL_REL_INTERSECTS;

queryParams.returnGeometry = true;

queryParams.geometry = graphic.geometry;

// Evaluate if buffer intersects with bikepaths

qryBikePaths.execute(queryParams, qryBikePaths_complete);

// Evaluate if buffer intersects with a daycare

qryDayCare.execute(queryParams, qryDayCare_complete);

// Evaluate if buffer intersects with playground equipment

qryParks.execute(queryParams, qryParks_complete);

// Evaluate if buffer intersects with a Home Daycare

qryHomeDayCare.execute(queryParams, qryHomeDayCare_complete);

// Evaluate if buffer intersects with a school

qrySchools.execute(queryParams, qrySchools_complete);

}

// Evaluate if address is in City Limits

function qryDecaturBoundary_complete(featureSets) {

if (featureSets.features.length > 0) {

$("lblResponse").innerHTML = "";

// Initialize Query

// http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp/intro_querytask.htm#

var query = new esri.tasks.Query();

query.returnGeometry = true;

// This SR is requirer to draw the parcel polygon

query.outSpatialReference = { "wkid": 102100 };

query.geometry = geom;

// Checks where point intersects with parcel

query.spatialRelationship = esri.tasks.Query.SPATIAL_REL_INTERSECTS;

queryTask.execute(query);

// Declare the graphic for the polygon

firstGraphic = null;

selectParcel = null;

// +++++Listen for QueryTask onComplete event+++++

dojo.connect(queryTask, "onComplete", function (graphics) {

firstGraphic = graphics.features[0];

selectParcel = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new dojo.Color([98, 194, 204]), 3), new dojo.Color([255, 0, 0, 0]));

firstGraphic.setSymbol(selectParcel);

// Add Polygon Graphic On parcel as Selection

map.graphics.add(firstGraphic);

geometry = graphics.features[0].geometry;

// Buffer polygon

doBuffer(geometry);

});

}

else {

$("lblResponse").innerHTML = "It's outside the city.";

}

return inTown;

}

// Evaluate Safe Zones

function qryBikePaths_complete(featureSet) {

if (featureSet.features.length > 0) {

$("lblBikePath").innerHTML = "Caution, Bikepath";

$("lblBikePath").className = "cautionMessage";

}

else {

$("lblBikePath").innerHTML = "Bikepath Safe";

$("lblBikePath").className = "successMessage";

}

function qryHomeDayCare_complete(featureSet) {

if (featureSet.features.length > 0) {

$("lblHomeDayCare").innerHTML = "Home Daycare Unsafe";

$("lblHomeDayCare").className = "warningMessage";

}

else {

$("lblHomeDayCare").innerHTML = "Home Daycare Safe";

$("lblHomeDayCare").className = "successMessage";

}

function qryDayCare_complete(featureSet) {

if (featureSet.features.length > 0) {

$("lblDayCare").innerHTML = "Daycare Unsafe";

$("lblDayCare").className = "warningMessage";

}

else {

$("lblDayCare").innerHTML = "Daycare Safe";

$("lblDayCare").className = "successMessage";

}

function qryParks_complete(featureSet) {

if (featureSet.features.length > 0) {

$("lblParks").innerHTML = "Parks Unsafe";

$("lblParks").className = "warningMessage";

}

else {

$("lblParks").innerHTML = "Parks Safe";

$("lblParks").className = "successMessage";

}

function qrySchools_complete(featureSet) {

if (featureSet.features.length > 0) {

$("lblSchools").innerHTML = "Schools Unsafe";

$("lblSchools").className = "warningMessage";

}

else {

$("lblSchools").innerHTML = "Schools Safe";

$("lblSchools").className = "successMessage";

}

function clearResults() {

$("btnClearGraphics").style.display = 'none';

$("dojoGrid").style.display = 'none';

$("lblResponse").innerHTML = "";

$("lblAddressStatus").innerHTML = "";

$("lblBikePath").innerHTML = "";

$("lblHomeDayCare").innerHTML = "";

$("lblParks").innerHTML = "";

$("lblDayCare").innerHTML = "";

$("lblSchools").innerHTML = "";

$("lblCityLimits").innerHTML = "";

$("txtAddress").value = "111 MAIN ST";

map.graphics.clear();

navToolbar.zoomToFullExtent();

}

function initFunctionality(map) {

identifyTask = new esri.tasks.IdentifyTask(gisUrl + "arcgis/rest/services/" + mapSvc);

identifyParams = new esri.tasks.IdentifyParameters();

identifyParams.tolerance = 3;

identifyParams.returnGeometry = true;

identifyParams.layerIds = [0, 1, 2, 3, 4, 5, 6];

identifyParams.layerOption = esri.tasks.IdentifyParameters.LAYER_OPTION_ALL;

identifyParams.width = map.width;

identifyParams.height = map.height;

map.infoWindow.resize(415, 200);

map.infoWindow.setContent(dijit.byId("tabs").domNode);

map.infoWindow.setTitle("Identify Results");

}

function doIdentify(evt) {

identifyParams.geometry = evt.mapPoint;

identifyParams.mapExtent = map.extent;

identifyTask.execute(identifyParams, function (idResults) { addToMap(idResults, evt); });

}

function addToMap(idResults, evt) {

addressResults = { displayFieldName: null, features: [] }; // 0

inHomeDayCareResults = { displayFieldName: null, features: [] }; //2

dayCareFacilitiesResults = { displayFieldName: null, features: [] }; //3

playgroundResults = { displayFieldName: null, features: [] }; //4

schoolPropertyResults = { displayFieldName: null, features: [] }; //5

maconTaxParcelResults = { displayFieldName: null, features: [] }; // 6

// evaluate for layers 0,1, 3, 4, 5, and 6

for (var i = 0, il = idResults.length; i < il; i++) {

var idResult = idResults;

if (idResult.layerId === 0) {

if (!addressResults.displayFieldName) { addressResults.displayFieldName = idResult.displayFieldName };

addressResults.features.push(idResult.feature);

dijit.byId("safeZoneTab").setContent(layerTabContent(addressResults, "addressResults"));

i = idResults.length + 1;

}

else if (idResult.layerId === 2) {

if (!inHomeDayCareResults.displayFieldName) { inHomeDayCareResults.displayFieldName = idResult.displayFieldName };

inHomeDayCareResults.features.push(idResult.feature);

dijit.byId("safeZoneTab").setContent(layerTabContent(inHomeDayCareResults, "inHomeDayCareResults"));

i = idResults.length + 1;

}

else if (idResult.layerId === 3) {

if (!dayCareFacilitiesResults.displayFieldName) { dayCareFacilitiesResults.displayFieldName = idResult.displayFieldName };

dayCareFacilitiesResults.features.push(idResult.feature);

dijit.byId("safeZoneTab").setContent(layerTabContent(dayCareFacilitiesResults, "dayCareFacilitiesResults"));

i = idResults.length + 1;

}

else if (idResult.layerId === 4) {

if (!playgroundResults.displayFieldName) { playgroundResults.displayFieldName = idResult.displayFieldName };

playgroundResults.features.push(idResult.feature);

dijit.byId("safeZoneTab").setContent(layerTabContent(playgroundResults, "playgroundResults"));

i = idResults.length + 1;

}

else if (idResult.layerId === 5) {

if (!schoolPropertyResults.displayFieldName) { schoolPropertyResults.displayFieldName = idResult.displayFieldName };

schoolPropertyResults.features.push(idResult.feature);

dijit.byId("safeZoneTab").setContent(layerTabContent(schoolPropertyResults, "schoolPropertyResults"));

i = idResults.length + 1;

}

else if (idResult.layerId === 6) {

if (!maconTaxParcelResults.displayFieldName) { maconTaxParcelResults.displayFieldName = idResult.displayFieldName };

maconTaxParcelResults.features.push(idResult.feature);

dijit.byId("safeZoneTab").setContent(layerTabContent(maconTaxParcelResults, "maconTaxParcelResults"));

i = idResults.length + 1;

}

map.infoWindow.show(evt.screenPoint, map.getInfoWindowAnchor(evt.screenPoint));

}

function layerTabContent(layerResults, layerName) {

var content = "";

switch (layerName) {

case "addressResults":

content = "<i>Total features returned: " + layerResults.features.length + "</i>";

content += "<table border='1'><tr><th>Address</th><th>PIN</th></tr>";

for (var i = 0, il = layerResults.features.length; i < il; i++) {

content += "<tr><td>" + layerResults.features.attributes['ADDRESS'] + " </td>";

content += "<td>" + layerResults.features.attributes['PIN_NUM'] + "</td>";

}

content += "</tr></table>";

break;

case "inHomeDayCareResults":

content = "<i>Total features returned: " + layerResults.features.length + "</i>";

content += "<table border='1'><tr><th>Description</th><th>Address</th></tr>";

for (var i = 0, il = layerResults.features.length; i < il; i++) {

content += "<tr><td>" + layerResults.features.attributes['USAGE_DESC'] + " </td>";

content += "<td>" + layerResults.features.attributes['ADDRESS'] + "</td>";

}

content += "</tr></table>";

break;

case "dayCareFacilitiesResults":

content = "<i>Total features returned: " + layerResults.features.length + "</i>";

content += "<table border='1'><tr><th>Description</th><th>Name</th></tr>";

for (var i = 0, il = layerResults.features.length; i < il; i++) {

content += "<tr><td>Daycare Facilities</td>";

content += "<td>" + layerResults.features.attributes['SCHOOL_NAM'] + "</td>";

}

content += "</tr></table>";

break;

case "playgroundResults":

content = "<i>Total features returned: " + layerResults.features.length + "</i>";

content += "<table border='1'><tr><th>Description</th><th>Name</th></tr>";

for (var i = 0, il = layerResults.features.length; i < il; i++) {

content += "<tr><td>Playgrounds</td>";

content += "<td>" + layerResults.features.attributes['PARKNAME'] + " </td>";

}

content += "</tr></table>";

break;

case "schoolPropertyResults":

content = "<i>Total features returned: " + layerResults.features.length + "</i>";

content += "<table border='1'><tr><th>Description</th><th>Name</th></tr>";

for (var i = 0, il = layerResults.features.length; i < il; i++) {

content += "<tr><td>School Property</td>";

content += "<td>" + layerResults.features.attributes['SCHOOL_NAM'] + "</td>";

}

content += "</tr></table>";

break;

case "maconTaxParcelResults":

content = "<i>Total features returned: " + layerResults.features.length + "</i>";

content += "<table border='1'><tr><th>Name</th><th>Address</th></tr>";

for (var i = 0, il = layerResults.features.length; i < il; i++) {

content += "<tr><td>" + layerResults.features.attributes['PRIMARYNAME'] + " </td>";

content += "<td>" + layerResults.features.attributes['SITEADDRESS'] + " </td>";

}

content += "</tr></table";

break;

}

return content;

}

function runIdentify() {

measureLine.deactivate();

removePolygon();

removePolyline();

measurePolygon.deactivate();

identifyHandle = dojo.connect(map, "onClick", doIdentify);

identifyHandle;

}

function outputDistance(result) {

dojo.byId("lblDistance").innerHTML = " " + dojo.number.format(result.lengths[0]) + " feet";

measureLine.deactivate();

}

function outputAreaAndLength(result) {

console.log(dojo.toJson(result));

dojo.byId("lblDistance").innerHTML = " " + dojo.number.format(result.areas[0]) + " sq. feet";

measurePolygon.deactivate();

}

function removePolyline() {

// Remove line graphics

map.graphics.remove(measureLineGraphic);

// Deactivate measure line

measureLine.deactivate();

// Remove point

map.graphics.remove(ptGraphic);

// Deactivate pointhttp://maps.decaturil.gov/ArcGIS/rest/services/InternalMapSampleServiceTest/MapServer/2 or the current URL

dojo.disconnect(pointHandle);

}

function removeMeasureTools() {

// Remove line graphics

map.graphics.remove(measureLineGraphic);

// Deactivate measure line

measureLine.deactivate();

// Remove point

map.graphics.remove(ptGraphic);

// Deactivate point

dojo.disconnect(pointHandle);

// Remove polygon

map.graphics.remove(measurePolygonGraphic);

// Deactivate polygon

measurePolygon.deactivate();

}

// Deactivates Navtoolbar and Identify

function deactivateNavToolbar() {

// Deactivate Toolbar

navToolbar.deactivate();

// Deactivate Identify

dojo.disconnect(identifyHandle);

}

// Deactivates Identify

function deactivateIdentify() {

// Disables identify

dojo.disconnect(identifyHandle);

}

function projectPoint() {

// Remove the line graphics

map.graphics.remove(measureLineGraphic);

// Deactivate measure line

measureLine.deactivate();

// Remove polygon graphics

map.graphics.remove(measurePolygonGraphic);

// Deactivate polygon

measurePolygon.deactivate();

// Deactivate the nav toolbar

navToolbar.deactivate();

// Deactivate identify

deactivateIdentify();

// Wire up the point handle to run the projectToWebMercator

pointHandle = dojo.connect(map, "onClick", projectToWebMercator);

pointHandle;

}

function projectToWebMercator(evt) {

map.graphics.remove(ptGraphic);

point = evt.mapPoint;

ptSymbol = new esri.symbol.SimpleMarkerSymbol().setStyle(esri.symbol.SimpleMarkerSymbol.STYLE_CIRCLE);

ptGraphic = new esri.Graphic(point, ptSymbol);

ptOutSR = new esri.SpatialReference({ wkid: 102100 });

map.graphics.add(ptGraphic);

geometryService.project([point], ptOutSR, function (projectedPoints) {

point = projectedPoints[0];

dojo.byId("lblDistance").innerHTML = " x:" + dojo.number.format(point.x) + ", y:" + dojo.number.format(point.y);

});

// Disconnect point handle

dojo.disconnect(pointHandle);

}

function clearPointAndPolygon() {

removePoint();

removePolygon();

}

function clearPointAndLine() {

removePoint();

removePolyline();

}

function removePoint() {

map.graphics.remove(ptGraphic);

}

function removePolygon() {

map.graphics.remove(measurePolygonGraphic);

}

function removePolyline() {

map.graphics.remove(measureLineGraphic);

}

function deactivatePoint() {

map.graphics.remove(ptGraphic);

dojo.disconnect(pointHandle);

}

function printMap() {

alert("Print Map");

}

function getHelp() {

alert("Help Me");

}

Map Tools End

// Rico Functions

// Round Sidebar Corners

function roundSidebarCorners() {

roundCorners('sideBarTop',

{

corners: "top",

color: "#E1EBFB"

});

roundCorners('sideBarBottom',

{

corners: "bottom",

color: "#E1EBFB"

});

}

// Dojo Function

// Add Sidebar

function addSideBar() {

var sideBarConfig = new dijit.layout.BorderContainer({

$("sideBar")

);

}

// Add Sidebar Title

function addSideBarTitle() {

var sideBarTitleConfig = new dijit.TitlePane({

title: "SOA Tools"

$("sideBarTitle")

);

}

// Add Map Navigation title

function addMapNavigationTitle() {

var mapNavigationTitleConfig = new dijit.TitlePane({

title: "Navigation", open: true

$("mapNavigationTitle")

);

}

// Add Map Navigation Content

function addMapNavigationContent() {

var mapNavigationContentConfig = new dijit.layout.ContentPane({

$("mapNavigationContent")

);

}

// Add Map Tools Title

function addMapToolsTitle() {

var mapToolsTitleConfig = new dijit.TitlePane({

title: "Map Tools", open: false

$("mapToolsTitle")

);

}

// Add Map Tools Content

function addMapToolsContent() {

var mapToolsContentConfig = new dijit.layout.ContentPane({

$("mapToolsContent")

);

}

// Add Address Query Title

function addAddressQueryTitle() {

var addressQueryTitleConfig = new dijit.TitlePane({

title: "Address Search", open: true

$("queryAddressTitle")

);

}

// Add Query Address Content

function addAddressQueryContent() {

var addressQueryContentConfig = new dijit.layout.ContentPane({

$("queryAddress")

);

}

// Add Footer Section

function addFooterSection() {

var footerSection = new dijit.TitlePane({

title: "Ask For Assistance", open: false

$("footerTitle")

);

}

// Add Footer

function addFooter() {

var pageFooter = new dijit.layout.ContentPane({

$("footer")

);

}

// Scriptaculous Functions

// Enable Sidebar Drag

function EnableDrag() {

new Draggable($("sideBar"));

}

//Maximize Browser Window Begin

// Reference - http://www.javascriptfreecode.com/53.htm

function maxBrowserWindow() {

top.window.moveTo(0, 0);

if (document.all) {

top.window.resizeTo(screen.availWidth, screen.availHeight);

}

else if (document.layers || document.getElementById) {

if (top.window.outerHeight < screen.availHeight || top.window.outerWidth < screen.availWidth) {

top.window.outerHeight = screen.availHeight;

top.window.outerWidth = screen.availWidth;

}

// Maximize Browser Window End

// Initialize Page

dojo.addOnLoad(init);@

topic Drawing Line Measurement Not Matching Buffer Distance in ArcGIS JavaScript Maps SDK Questions

Drawing Line Measurement Not Matching Buffer Distance

Re: Drawing Line Measurement Not Matching Buffer Distance