Latest Contributions by JohnGravois

In technical support, I spoke to lots of folks who wanted to display the latitude and longitude of the current mouse position continuously in their JavaScript applications when using a basemap with a custom projection.  Out of the box the ArcGIS API for JavaScript supports reprojecting pretty much any coordinates you can think of, but if you aren't converting between WGS84 and Web Mercator, its necessary to leverage a geometry service in order to get some help with the math. Our Geometry Service is an awesome tool that help with all sorts of manipulations and analysis including buffering, calculating convex hulls, decreasing vertex density and reshaping and can work on a collection of features simultaneously, but in this scenario its kind of like bringing out a chainsaw to cut your sandwich in half. The time it takes to send off the request and wait for the response makes it infeasible to continuously reproject the current location of the mouse.  Thankfully there is an open source JavaScript library called Proj4js that can help.  After loading Proj4js and giving it some information about the two coordinate systems you'd like to reproject, you can get the answer you need directly in the browser. These are the basic steps you'll need to follow: 1. load Proj4js alongside the JSAPI in your application using an additional script tag <!-- load proj4js from CDN --> <script src="//cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.3/proj4.js"></script> <!-- then load the ArcGIS API for JavaScript--> <script src="//js.arcgis.com/3.11/"></script>   2. define two custom projections in a format that Proj4js will understand (check out the project in Github for more information on formatting) var wkid4269 = '+proj=longlat +a=6378137.0 +b=6356752.31414036 +ellps=GRS80 +datum=NAD83 +units=degrees'; var wkid26912 = '+proj=utm +zone=12 +ellps=GRS80 +datum=NAD83 +units=m +no_defs';   3. lastly, wire an event listener so that proj4js can calculate the reprojection each time the mouse moves over the map map.on("mouse-move", function(evt){   var reprojectedCoords = proj4(wkid26912, wkid4269, [evt.mapPoint.x, evt.mapPoint.y]);   console.log(reprojectedCoords); });   you can find a live sample which displays latitude and longitude coordinates in an interactive UTM 12N map here: https://dl.dropboxusercontent.com/u/59331579/js/jsapi-proj4js.html ... View more

I don't think this "Place" has blogging enabled so feel free to check out the post I wrote over in GeoDev   Now its even easier to look into the source of Esri-Leaflet! ... View more

We just pushed out a new version of Esri-Leaflet and now its easier than ever to get familiar with the source code of the API. Steps: navigate to https://github.com/Esri/esri-leaflet/releases and download the Source code (zip) associated with Release Candidate 2 unzip the folder on your own machine navigate to the ‘debug’ folder and open ‘sample.html’ This application points at local source files that are organized in the same directory structure as the GitHub repository itself.  This means that you can use the developer tools inside your browser to inspect the API source. I’ve always found that setting breakpoints and stepping through the code slowly makes the logic that’s being employed to talk to ArcGIS Server and ArcGIS Online hosted content a lot easier to understand. Ideally, you should probably consider configuring a local web server like Apache or IIS to develop with (so that you can load your applications using ‘http://’ protocol in a browser instead of relying on ‘file:///’), but it's just cool to say that digging into the source is as easy as 1, 2, 3 ... View more