topic Re: Basic Viewer - Implement Show x,y coordinates sample in ArcGIS JavaScript Maps SDK Questions

Basic Viewer - Implement Show x,y coordinates sample

NewUser — Tue, 26 Mar 2013 12:29:58 GMT

I've been trying to implement some of the javascript api samples in the Basic Viewer Template without much success. I figured I'd start small and try adding "show x, y coordinates" as it only has a couple functions. I can not get this wired up properly. The only thing I can figure is I don't have the event listeners in the correct place. Does anyone have a working example of this, or could anyone explain wiring this up properly in the basic viewer in a "to dummies" fashion?

Re: Basic Viewer - Implement Show x,y coordinates sample

BrettGreenfield__DNR_ — Tue, 26 Mar 2013 12:38:46 GMT

Could you post the code you've tried to implement? It's going to be difficult to help without seeing what you've got so far.

Re: Basic Viewer - Implement Show x,y coordinates sample

NewUser — Sat, 11 Dec 2021 10:12:23 GMT

I've added the showCoordinates function to layout.js, put the <span> tag in the map div of the index.html and put the listeners (onMouseMove & onMouseDrag) in the createMap function in this section of layout.js:

if (map.loaded) {
            initUI(response);
        } else {
            dojo.connect(map, "onLoad", function () {
             //after map loads, connect to listen to mouse move & drag events
            dojo.connect(map, "onMouseMove", showCoordinates);
            dojo.connect(map, "onMouseDrag", showCoordinates);
                initUI(response);
            });
        }

Re: Basic Viewer - Implement Show x,y coordinates sample

JohnGravois — Sat, 11 Dec 2021 10:12:26 GMT

i don't understand the exact code logic enough to explain why what you already tried doesn't work, but for code that needs the map to be loaded, I've always had good luck placing it right inside the initUI() function.

function initUI(response) {
    dojo.connect(response.map, "onClick", showCoordinates);
...

function showCoordinates(evt) {
        var mp = esri.geometry.webMercatorToGeographic(evt.mapPoint);
        alert(mp.x.toFixed(3) + ", " + mp.y.toFixed(3));
}

Re: Basic Viewer - Implement Show x,y coordinates sample

NewUser — Thu, 28 Mar 2013 16:28:29 GMT

I ended up getting it working by placing the event listening piece of code at the end of the createMap() function. Seems to work fine. I could not get it to work in initUI().