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 scale with coordinates

DanielOchoa

The coordinate widget shows lat/long mouseover coordinates in the map, but can anyone advise on how to display map scale alongside the coordinates? Take a look here:

http://top100projects.ca/map/

or see the screen shot, attached.

Simple adjustment to the coordinate widget? Thanks!

coordinates.jpg

タグ付けされた投稿をもっと見る

Accepted answers

All comments

JamalNUMAN

Jamal,

You can not use this code change if you are only using the ArcGIS Viewer Application Builder. When you use the App Builder or the compiled Flex Viewer you are ONLY configuring the application though XML changes. When people in these forums talk about code changes they are speaking of using the AGS Viewer for Flex source code and some Flex IDE, like Flash Builder.

Robert

Many thanks for the answer Robert.

Best

Jamal

RobertScheitlin__GISP

Jamal,

You can not use this code change if you are only using the ArcGIS Viewer Application Builder. When you use the App Builder or the compiled Flex Viewer you are ONLY configuring the application though XML changes. When people in these forums talk about code changes they are speaking of using the AGS Viewer for Flex source code and some Flex IDE, like Flash Builder.

Robert

JamalNUMAN

Daniel,

Try this in the CoordinateWidget.mxml

            private function map_mouseMoveHandler(event:MouseEvent):void
            {
                const mapPoint:MapPoint = map.toMapFromStage(event.stageX, event.stageY);
                coords.text = m_func(mapPoint) + " Scale 1:" + map.scale.toString();
            }

Hi Robert,

Could you please indicate where should I stick this code? I have no idea!

[ATTACH=CONFIG]20348[/ATTACH]

Thanks

Jamal

Clip_376.jpg

ronaldmcfarlane

Daniel,

Sure something like this:

            private function map_mouseMoveHandler(event:MouseEvent):void
            {
                const mapPoint:MapPoint = map.toMapFromStage(event.stageX, event.stageY);
                coords.text = m_func(mapPoint) + " Scale 1:" + String(map.scale * 3.2808398950131235);
            }

I can never remember if the right calculation is multiple or divide though.:o

While this is a great example of incorporating code to modify output, you don't want to do this. The scale shown is "Representative Fraction" scale which is not based upon a specific unit of measure. By this I mean an RF scale of 1:100 is the same regardless of how you care to measure it; 1 in represents 100 inches or 1 meter represents 100 meters. To convert the result displayed means you would need to add additional text so it would read "1 meter represents xyz yards".

rzufelt

Is it possible to force the scale on the Coordinates widget to the same scale on the LODs on the Navigation widget?
Thanks

My LODs are set by loading in a tiled service as a basemap.

the Scale displays exactly the LOD for the cached zoom level I am currently viewing.

R_

rzufelt

include this code:
map.addEventListener(MouseEvent.MOUSE_WHEEL, map_mouseMoveHandler);
directly under this line:
map.addEventListener(MouseEvent.MOUSE_MOVE, map_mouseMoveHandler);
and the scale will refresh when you zoom in and out. Otherwise it is possible to zoom in and out and not have the scale refresh until you actually move the mouse pointer....

Works great, however also added this line under that

map.addEventListener(MouseEvent.DOUBLE_CLICK, map_mouseMoveHandler);

so that it gets updated on double-click to zoom in also.

R_

ShaneCarey

Is it possible to force the scale on the Coordinates widget to the same scale on the LODs on the Navigation widget?
Thanks

MLowry

Is there anyway to display MGRS (Military Grid Reference System) at the bottom instead of DMS/mercator?

Sure, the scale will be whatever the map's spatial reference is set to.

KennethLyons

Is there anyway to display MGRS (Military Grid Reference System) at the bottom instead of DMS/mercator?

EricAnderson

To specifically address the coordinate display issue (not scale). Replace your substitute function with this:

 
private


function substitute(mapPoint:MapPoint):String


 
[LEFT]{

var nf2:NumberFormatter = new NumberFormatter(); 

nf2.precision = 2; 
return StringUtil.substitute(m_template, 
nf2.format(mapPoint.x), 
nf2.format(mapPoint.y)); 
}

[/LEFT]

RobertScheitlin__GISP

Stefano,

Look three posts above yours.

Stefanobruscoli

Hello
how I can fix the coodinates values to two decimal?

philippschnetzer

include this code:

map.addEventListener(MouseEvent.MOUSE_WHEEL, map_mouseMoveHandler);

directly under this line:

map.addEventListener(MouseEvent.MOUSE_MOVE, map_mouseMoveHandler);

and the scale will refresh when you zoom in and out. Otherwise it is possible to zoom in and out and not have the scale refresh until you actually move the mouse pointer....

SteveWhitehead__GISP

Thank you!

Steve,

Just add a numberformatter.

   private function map_mouseMoveHandler(event:MouseEvent):void
   {
    var nf:NumberFormatter = new NumberFormatter();
    nf.precision = 2;
    const mapPoint:MapPoint = map.toMapFromStage(event.stageX, event.stageY);
    coords.text = m_func(mapPoint) + " Scale 1:" + nf.format(map.scale * 3.2808398950131235);
   }

RobertScheitlin__GISP

Steve,

Just add a numberformatter.

   private function map_mouseMoveHandler(event:MouseEvent):void
   {
    var nf:NumberFormatter = new NumberFormatter();
    nf.precision = 2;
    const mapPoint:MapPoint = map.toMapFromStage(event.stageX, event.stageY);
    coords.text = m_func(mapPoint) + " Scale 1:" + nf.format(map.scale * 3.2808398950131235);
   }

SteveWhitehead__GISP

This is good.

How do I remove the dozen or so decimal places in the scale?

RobertScheitlin__GISP

Daniel,

Sure something like this:

            private function map_mouseMoveHandler(event:MouseEvent):void
            {
                const mapPoint:MapPoint = map.toMapFromStage(event.stageX, event.stageY);
                coords.text = m_func(mapPoint) + " Scale 1:" + String(map.scale * 3.2808398950131235);
            }

I can never remember if the right calculation is multiple or divide though.:o

DanielOchoa

The scale will be whatever the map's spatial reference is set to

Yea, I figured that might be the case, but I was wondering if there was a way in the code to force the output to show something different. I'm still new at this, so I didnt know if you could adjust something under the map_loadHandler to reflect a different format.

But the "standard math" option sounds interesting...is there a way to code some conversion math into the coordinate mxml and compile so I can get what I'm looking for?

Thanks again for the education....

RobertScheitlin__GISP

Daniel,

The scale will be whatever the map's spatial reference is set to so if you are using ESRI basemaps than the map's SR is like web mercator which is meters. I guess you could do some standard math and convert meters to feet if that is what you are asking...

DanielOchoa

Rob,

That worked - thanks! But its showing the scale in meters (e.g. 1:14567789.232567) instead of something like 1: 12,456,578 . Can you guide me as to what part of the code needs to change to have the scale show as standard instead of metric? Once again, you rock!

thanks,

~ D

RobertScheitlin__GISP

Daniel,

Try this in the CoordinateWidget.mxml

            private function map_mouseMoveHandler(event:MouseEvent):void
            {
                const mapPoint:MapPoint = map.toMapFromStage(event.stageX, event.stageY);
                coords.text = m_func(mapPoint) + " Scale 1:" + map.scale.toString();
            }

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

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