nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Show x,y coordinates in non-amd style

GyeyoungChoi

Hi,

I was trying to convert https://developers.arcgis.com/javascript/jssamples/map_xycoords.html to non-amd style
so far

http://jsfiddle.net/gv45L/

var dojoConfig = {                 parseOnLoad: true             } dojo.require("esri.map"); function init() {     var map;     center = [-97.345680, 39.612473];     zoom = 15;     map = new esri.Map("map", {         basemap: "topo",         center: center,         zoom: zoom,         sliderStyle: "large"     });          map.on("load", function() {           //after map loads, connect to listen to mouse move & drag events           map.on("mouse-move", showCoordinates);           map.on("mouse-drag", showCoordinates);         }); } function showCoordinates(evt) {           //the map is in web mercator but display coordinates in geographic (lat, long)           var mp = esri.geometry.webMercatorToGeographic(evt.mapPoint);           //display mouse coordinates           dom.byId("info").innerHTML = mp.x.toFixed(3) + ", " + mp.y.toFixed(3);         } dojo.addOnLoad(init);

but seems like I missed something.

Can anyone help me with this? Thank you

Find more posts tagged with

Accepted answers

kenbuja

I should not be encouraging you to do this. You really need to use AMD

however

map.on is still AMD

dojo.connect(map, "onLoad", function(layer) {
//function
});

etc..

Actually, since he is using v3.5 of the API, which introduced the AMD style to some classes, that shouldn't be a problem.

What you can do is download the older versions of the SDK here. The zip file contains all the old versions of the samples, such as this for showing the XY coordinate in legacy style.

<!DOCTYPE html> <html>   <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">     <meta http-equiv="X-UA-Compatible" content="IE=7, IE=9, IE=10">     <!--The viewport meta tag is used to improve the presentation and behavior of the samples        on iOS devices-->     <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">     <title>Create Map Display Mouse Coordinates</title>      <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/dojo/dijit/themes/claro/claro.css">     <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/esri/css/esri.css">          <script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/"></script>     <script>       dojo.require("esri.map");        var map;        function init() {         map = new esri.Map("map", {            basemap: "streets",           center: [-47.109, 14.945],           zoom: 2         });         map.on("load", function(){           //after map loads, connect to listen to mouse move & drag events           map.on("mouse-move", showCoordinates);           map.on("mouse-drag", showCoordinates);          });       }        function showCoordinates(evt) {         console.log("show");         //get mapPoint from event         //The map is in web mercator - modify the map point to display the results in geographic         var mp = esri.geometry.webMercatorToGeographic(evt.mapPoint);         //display mouse coordinates         dojo.byId("info").innerHTML = mp.x.toFixed(3) + ", " + mp.y.toFixed(3);       }        dojo.ready(init);     </script>   </head>   <body class="claro">     <div id="map" style="position:relative; width:900px; height:600px; border:1px solid #000;">       <span id="info" style="position:absolute; left:15px; bottom:5px; color:#000; z-index:50;"></span>     </div>   </body> </html>

All comments

JeffPace1

I should not be encouraging you to do this. You really need to use AMD

however

map.on is still AMD

dojo.connect(map, "onLoad", function(layer) {
//function
});

etc..

kenbuja

I should not be encouraging you to do this. You really need to use AMD

however

map.on is still AMD

dojo.connect(map, "onLoad", function(layer) {
//function
});

etc..

<!DOCTYPE html> <html>   <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">     <meta http-equiv="X-UA-Compatible" content="IE=7, IE=9, IE=10">     <!--The viewport meta tag is used to improve the presentation and behavior of the samples        on iOS devices-->     <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">     <title>Create Map Display Mouse Coordinates</title>      <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/dojo/dijit/themes/claro/claro.css">     <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/esri/css/esri.css">          <script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/"></script>     <script>       dojo.require("esri.map");        var map;        function init() {         map = new esri.Map("map", {            basemap: "streets",           center: [-47.109, 14.945],           zoom: 2         });         map.on("load", function(){           //after map loads, connect to listen to mouse move & drag events           map.on("mouse-move", showCoordinates);           map.on("mouse-drag", showCoordinates);          });       }        function showCoordinates(evt) {         console.log("show");         //get mapPoint from event         //The map is in web mercator - modify the map point to display the results in geographic         var mp = esri.geometry.webMercatorToGeographic(evt.mapPoint);         //display mouse coordinates         dojo.byId("info").innerHTML = mp.x.toFixed(3) + ", " + mp.y.toFixed(3);       }        dojo.ready(init);     </script>   </head>   <body class="claro">     <div id="map" style="position:relative; width:900px; height:600px; border:1px solid #000;">       <span id="info" style="position:absolute; left:15px; bottom:5px; color:#000; z-index:50;"></span>     </div>   </body> </html>

JeffPace1

fair enough, still.. please use AMD

GyeyoungChoi

Yes, I would like to use AMD style but right now for this one I must use legacy unfortunately.

And I found out that older versions doesn't have same sample in legacy style.
-----------------
oops I found it.

forgot to say thanks to Ken and Jeff!

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.