Drawing Line Measurement Not Matching Buffer Distance

ChrisSergent · ‎09-11-2014

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#setIm...

//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);@

DeniseDemone · ‎10-08-2014

I just had a similar issue, but it was the buffer that needed to be modified, not the measurement. By default the buffer uses an euclidean distance and the measure uses geodesic. If you're using ArcGIS Server 10.1 or above, the Buffer service has been updated to include a flag to enable geodesic calculations: bufferParamaters.geodesic = true

Geodesic buffering | ArcGIS API for JavaScript

Hope this helps!