Latest Contributions by JoelBennett

I just realized that included a call to another custom function - distanceTo.  Here's the function definition:    Point.prototype.distanceTo = function(point) {     return Math.sqrt(Math.pow(this.x - point.x, 2) + (Math.pow(this.y - point.y, 2)));    }; ... View more

Based on code I found here: c# - get closest point to a line - Stack Overflow I have implemented the following function, which has been working well.  As you can see, it is entirely client-side, and I have assigned the function to the Polyline "type" so I can simply call polyline.getClosestPoint(etc), but you can make it a standalone function like: function getClosestPoint(polyline, point) { //code } ...and changing "this" to "polyline".    Polyline.prototype.getClosestPoint = function(point) {     var closestDistance = Number.MAX_VALUE;     var closestPoint = null;     var abapProduct;     var sqMagnitude;     var distance;     var vectorAP;     var vectorAB;     var pointA;     var pointB;     var pointC;     for (var pathIndex = 0; pathIndex < this.paths.length; pathIndex++) {      for (var pointIndex = 1; pointIndex < this.paths[pathIndex].length; pointIndex++) {       pointA = this.getPoint(pathIndex, pointIndex);       pointB = this.getPoint(pathIndex, pointIndex - 1);       vectorAP = [point.x - pointA.x, point.y - pointA.y];       vectorAB = [pointB.x - pointA.x, pointB.y - pointA.y];       sqMagnitude = Math.pow(vectorAB[0], 2) + Math.pow(vectorAB[1], 2);       abapProduct = (vectorAB[0] * vectorAP[0]) + (vectorAB[1] * vectorAP[1]);       distance = abapProduct / sqMagnitude;       if (distance < 0)        pointC = pointA;       else if (distance > 1)        pointC = pointB;       else        pointC = new Point(pointA.x + (vectorAB[0] * distance), pointA.y + (vectorAB[1] * distance), this.spatialReference);       distance = pointC.distanceTo(point);       if (distance < closestDistance) {        closestDistance = distance;        closestPoint = pointC;       }      }     }     return closestPoint;    }; ... View more

Very good...it's always good to see somebody devising their own solutions. Regarding the Legend dijit, this is a bug in ESRI's code that I've encountered and fixed on my locally hosted copy of the API (currently v3.12).  For what it's worth, in case it helps anybody else, here are my records of what I did: esri\dijit\Legend.js - updated so token doesn't occur twice in query string -updated second line of the _legendRequestServer function to:   (c=a._getToken())&&(b+=((b.indexOf("?")==-1)?"?token\x3d"+c:((b.indexOf("token=")==-1)?"&token\x3d"+c:""))); -original code was (c=a._getToken())&&(b+="?token\x3d"+c); -also updated similar line in _buildRow_Tools function: (d=c._getToken())&&(g+=((g.indexOf("?")==-1)?"?token\x3d"+d:((g.indexOf("token=")==-1)?"&token\x3d"+d:""))) -original code was (d=c._getToken())&&(g+="?token\x3d"+d)   -Note - beware not to delete/overwrite the extra right parenthesis at the end of this line ... View more

You can probably get around this by appending the token to the query string of your layer's URL.  For example, you may have something like: var url = "https://my-server.com/arcgis/rest/services/my-service/MapServer"; var layer = new ArcGISDynamicMapServiceLayer(url); Instead, append the token like so: var url = "https://my-server.com/arcgis/rest/services/my-service/MapServer?token=" + token; This if course assumes your token is stored in a variable called "token".  Tokens expire too, so once it does, you'll probably see the identity popup again, unless you write code to manually acquire a new token. ... View more

My code there was incorrect...it should be "layer.credential" (singular), not "layer.credentials" (plural).  That's what I get for posting untested code... Yes, what I originally posted works with instances of ArcGISDynamicMapServiceLayer, ArcGISTiledMapServiceLayer, ArcGISImageServiceLayer, and FeatureLayer. ... View more

Once such possibility that might be causing this not to work for you is if your layers use the credential property (which mine do not).  If so, updating the setTokenLayerProperties method like below may make the difference (although I haven't tested this): function setLayerTokenProperties(layer, token, expires) { if ((layer) && (token)) {   layer.url = addTokenToURL(token, layer.url);   layer._url = urlUtils.urlToObject(layer.url);   layer._params.token = token;   if (layer.credentials) {    layer.credentials.token = token;    layer.credentials.expires = expires;   } } } ... View more

Unfortunately I cannot explain why it works for me and not you - my map wouldn't even load if it didn't.  I'm using IE 11, but don't think that's the culprit. The _url and _params properties are not documented.  I found them by going into the source code for the layer classes (Layer, DynamicMapServiceLayer, ArcGISDynamicMapServiceLayer, etc).  It's unorthodox, but I have to thoroughly test between each new version of the API anyways... ... View more

Interesting you should ask since I was working on this yesterday.  Below you will find the essentials of my solution, and it appears to be working well with 3.12, although its elegance is debatable.  Note that "urlUtils" is esri/urlUtils - you'll have to figure out how best to work that module into your solution.   function setLayerTokenProperties(layer, token) {    if ((layer) && (token)) {     layer.url = addTokenToURL(token, layer.url);     layer._url = urlUtils.urlToObject(layer.url);     layer._params.token = token;    }   }   function addTokenToURL(token, url) {    if ((url) && (token)) {     var sIndex = url.indexOf("token=");     if (sIndex > 0) {      var eIndex = url.indexOf("&", sIndex + 1);      if (eIndex > sIndex)       return url.substring(0, sIndex) + "token=" + token + url.substr(eIndex);      else       return url.substring(0, sIndex) + "token=" + token;     } else if (url.indexOf("?") > 0)      return url + "&token=" + token;     else      return url + "?token=" + token;    } else     return url;   } ... View more

I agree that the code Robert posted will work for the stated purpose.  My invalid assumption was based on the fact that the user was drawing a circle. I find it strange for a user to draw a circle just so it can be discarded - it seems you're really just after the center point so that you can build a circle of fixed size around it.  Unless your goal is to deceive or confuse the user, it might be better just to have them click the center point instead: $('#circle').click(function () { clearPreviousSearch(); map.disableMapNavigation(); $('#run').fadeOut(); buttonclickvalue = 'circle'; drawToolbar.activate(esri.toolbars.Draw.POINT); }); function addSearchGraphic(evt) { var circle = new Circle({   center: evt.geometry,   geodesic: true,   radius: 10,   radiusUnit: esri.units.KILOMETERS }); //now do whatever with the circle } ... View more

Robert - Your code would produce a circle of 100 mile radius even if the user drew a circle with a radius less than that, which I don't think is what's intended.  Perhaps something like the following would be more appropriate: function addSearchGraphic(evt) { var maxCircle = new Circle({      center: evt.geometry.getCentroid(),      geodesic: true,      radius: 100,      radiusUnit: units.MILES    }); var maxCircleExtent = maxCircle.getExtent(); var maxCircleArea = maxCircleExtent.getWidth() * maxCircleExtent.getHeight(); var drawnCircleExtent = evt.geometry.getExtent(); var drawnCircleArea = drawnCircleExtent.getWidth() * drawnCircleExtent.getHeight(); var resultCircle = ((drawnCircleArea > maxCircleArea) ? maxCircle : evt.geometry); //set the symbol to something meaningful var symbol = null; //assume reference to map is valid map.graphics.add(new Graphic(resultCircle, symbol)); } ... View more

I've had similar problems, and the solution I've come up with is to revise the _setPosition method of the Popup "class".  It ensures the popup always opens "towards" the center of the map (i.e. where it will have the most space).  The full popup is guaranteed to be visible if (1) the popup width inlcuding the pointer is less than half the width of the map and (2) the popup height inlcuding the pointer is less than half the height of the map. The trick is to execute the code below before any popups are instantiated.  However, if the only popup in the application is the map's, you could replace Popup.prototype._setPosition = function(screenPoint) { with map.infoWindow._setPosition = function(screenPoint) { (assuming "map" is a reference to your map object). As I'm preparing this post, the code below looks kind of garbled, and not nicely formatted like in the source file, so hopefully it comes out ok.  If not, I've also attached the text file containing it. require(["dojo/dom-geometry", "dojo/dom-style", "esri/kernel", "esri/dijit/Popup"], function(domGeom, domStyle, esriNS, Popup) { /** modified to open popup with best possible placement (towards center of screen) **/ Popup.prototype._setPosition = function(screenPoint) {   domStyle.set(this.domNode, {    left: screenPoint.x + "px",    top: screenPoint.y + "px",    right: null,    bottom: null   });   var mapBox = domGeom.position(this.map.container, true);   var horizontalPosition = "";   var verticalPosition = "";   if (screenPoint.x < (mapBox.w * 0.33))    horizontalPosition = "Left";   else if (screenPoint.x > (mapBox.w * 0.67))    horizontalPosition = "Right";   if (screenPoint.y < (mapBox.h * 0.33))    verticalPosition = "top";   else if (screenPoint.y > (mapBox.h * 0.67))    verticalPosition = "bottom";   else if (horizontalPosition == "") {    horizontalPosition = ((screenPoint.x < (mapBox.w * 0.5)) ? "Left" : "Right");    /*verticalPosition = ((screenPoint.y < (mapBox.h * 0.5)) ? "top" : "bottom");*/   }   var anchorText = verticalPosition + horizontalPosition;   var offsetX = ((this.offsetX) ? this.offsetX : 0);   var offsetY = ((this.offsetY) ? this.offsetY : 0);   var positionerHeight = 0;   var positionerWidth = 0;   switch (anchorText) {    case "top":    case "bottom":     positionerHeight = 14;     break;    case "Left":    case "Right":     positionerWidth = 13;     break;    default:     var esriVersion = esriNS.version.toString().split(".");     esriVersion[0] = parseInt(esriVersion[0], 10);     esriVersion[1] = parseInt(esriVersion[1], 10);     if ((esriVersion[0] > 3) || ((esriVersion[0] == 3) && (esriVersion[1] >= 8))) {      positionerHeight = 14;      positionerWidth = -16;     } else      positionerHeight = 45;     break;   }   var positionerBox = domGeom.getContentBox(this._positioner);   var positionerStyle = {    left: null,    right: null,    top: null,    bottom: null   };   if (horizontalPosition == "")    positionerStyle.left = (positionerBox.w * -0.5) + "px";   else    positionerStyle[horizontalPosition.toLowerCase()] = (positionerWidth + offsetX) + "px";   if (verticalPosition == "")    positionerStyle.top = (positionerBox.h * -0.5) + "px";   else    positionerStyle[verticalPosition] = (positionerHeight + offsetY) + "px";   domStyle.set(this._positioner, positionerStyle);   this._showPointer(anchorText); }; }); ... View more