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; } } }

Enhanced Draw Widget Functionality

JustinFultz

Robert,

I was curious if you had any plans to incorporate the real time measurment functionality that is in the standard draw widget at 3.1 into your enhanced widget. I prefer your enhanced version, and it will continue to be my go to draw widget, but would love to see the real time functionality in the future if possible.

Thanks for all of the work you put into these widgets! They are great!

Justin

Finde mehr Beiträge mit dem Tag

Accepted answers

RobertScheitlin__GISP

Justin,

Sure here is the new version. As with ESRIs version the live measure only functions with geographic or web-mercator maps though.

Version 3.1.2 - 2/7/2013
* Includes all the standard draw widgets features that are new in the 3.1 release of the viewer.
* Added a halo option for text drawn on the map.
* Added more localization options for text used by this widget.

All comments

RavitejaViswanadha1

Hi Justin , Do we have an option to Save the Current drawn graphic to a file or Load them back so that they will be the persistent graphics. ?

DerekHunter1

that did it. thanks again.

Derek,

So you attempted to adjust what in these lines of the GlowFilter?

<s:GlowFilter id="glowFilter"
                      alpha="1"
                      color="{getStyle('focusColor')}"
                      inner="true"
                      strength="2"/>

how about something like this:

<s:GlowFilter id="glowFilter"
                      alpha="1"
                      color="0xff0000"
                      inner="true"
                      strength="3"/>

RobertScheitlin__GISP

Derek,

So you attempted to adjust what in these lines of the GlowFilter?

<s:GlowFilter id="glowFilter"
                      alpha="1"
                      color="{getStyle('focusColor')}"
                      inner="true"
                      strength="2"/>

how about something like this:

<s:GlowFilter id="glowFilter"
                      alpha="1"
                      color="0xff0000"
                      inner="true"
                      strength="3"/>

DerekHunter1

Robert, thanks for that info. I have tweaked the glow filter settings with no luck. Can you reference specific lines to edit?

Derek,
The graphical buttons use a glow filter that just applies a white subdued glow to the image. You will have to adjust the GlowFilter to something thatg works with your viewers color scheme (Or adjust your color scheme).

RobertScheitlin__GISP

Derek,

The graphical buttons use a glow filter that just applies a white subdued glow to the image. You will have to adjust the GlowFilter to something thatg works with your viewers color scheme (Or adjust your color scheme).

Erickson_Contract_Surveying_

Robert, Can you elaborate on the highlight of a selected tool? I have searched (within the mxml and the forum (for comments)) for the code to change the highlight color, or image, of the selected draw method, but can't find it. It seems very hard to see which one is selected compared to those around it. IE----if I have draw by rectangle selected, you can't really tell that its active. I see in the app builder Draw widget that the selected tool is apparent.

DanielOchoa

Yessir. In the meantime, I'll look forward to the day you revisit this and release eDraw with a working 'place point' function. Thanks.

RobertScheitlin__GISP

Daniel,

Ahh. So you are one of my case in point situations then... I can not release something without trying to consider what MORE people will want from the new feature and weight the development cost with the potential usage of the feature (I gauge these things by listening to the forums and seeing what functionality people are talking about wanting in widgets).

DanielOchoa

Ah, but therein lies the rub - I'm still using the 3.5 version, so the 'place point' ability is in there, but I'm stuck as I wanted to give my users the ability to place a point by decimal degrees (just like you said where you would have to support a few different coordinate input formats ) and making that work is beyond my skill set. I'm stuck specifically on converting the map units to DD and then making the tool plot the point correctly instead of at 0,0.

Thanks again for all your work and help,

~ D

RobertScheitlin__GISP

Daniel,

It is something I am considering (that is why it accidentally got out). But I have a long way to go yet as once I add this feature I will likely have to support a few different coordinate input formats and figure out how to handle manual entry for polygon and poly lines. You can easily add back what I let slip out if you are using the source code, by comparing 3.5 to 3.6.

DanielOchoa

Robert,

Damn! That's too bad, it works great as long as you know the map units. Any chance you may revisit that functionality and make it work?

And man am I glad I asked. I was starting to get tangled up in that code trying to make it work differently. Thanks for responding!

~ D

RobertScheitlin__GISP

Daniel,

That was experimental stuff I NEVER meant to let out in version 3.5.

DanielOchoa

Robert,

Continuing on in this Enhanced Draw Widget Functionality thread - In the 3.5 version there is a 'place point' option when the point graphic is selected. I don't see it in the 3.6 version - was it removed on purpose or am I not seeing what I should?

Thanks in advance,

~ D

1.jpg

2.jpg

RobertScheitlin__GISP

Aaron,

Sure to show measuring as checked at widget startup just add the <measure>true</measure> (covered in the OTB Draw widget doc). To set Feet as default just put 'ft' at the top of the distanceunits list in the XML, same for 'ac'.

You need to also add these width and height tags to the eDrawWidget in the main config.xml

width="530" height="335"

AaronKreag

Robert,

Is there a way to set:

default show measurements to true

default distance units to feet

default area units to acre

I have been looking and can not find anything. I am using Flex Viewer 3.6, exported and now working in the configs to adjust stuff.

Thank you! Aaron

JosVroegop

Robert,

Thanks for the swift reply, that did it 🙂

RobertScheitlin__GISP

Jos,

I should make them configurable. I personally don't like the tooltips so I removed them.

Here is the code block to change:

                switch (drawType)
                {
                    case DrawTool.MAPPOINT:
                    {
                        drawingPolygon = drawingLine = false;
                        addingText = selectedDrawingIcon.id == "text";
                        drawingPoint = !addingText;
                        showMeasurements = drawingPoint = !addingText;
                        PointXY = true;
                        drawMode = addingText ? TEXT_MODE : null;
                        drawStatus = (drawMode == TEXT_MODE) ? addTextLabel : drawPointLabel;
                        setMapAction(drawType, drawStatus, null, map_drawEndHandler);
                        break;
                    }
                    case DrawTool.POLYLINE:
                    {
                        drawingPoint = addingText = drawingPolygon = PointXY = false;
                        drawingLine = showMeasurements = true;
                        drawStatus = drawLineLabel;
                        setMapAction(drawType, drawStatus, lineSymbol, map_drawEndHandler, map_drawUpdateHandler, false, false);
                        break;
                    }
                    case DrawTool.FREEHAND_POLYLINE:
                    {
                        drawingPoint = addingText = drawingPolygon = PointXY = false;
                        drawingLine = showMeasurements = true;
                        drawStatus = drawFreehandLineLabel;
                        setMapAction(drawType, drawStatus, lineSymbol, map_drawEndHandler, map_drawUpdateHandler, false, false);
                        break;
                    }
                    case DrawTool.EXTENT:
                    {
                        addingText = drawingPoint = drawingLine = PointXY = false;
                        drawingPolygon = showMeasurements = true;
                        drawStatus = drawRectangleLabel;
                        setMapAction(drawType, drawStatus, fillSymbol, map_drawEndHandler, map_drawUpdateHandler, false, false);
                        break;
                    }
                    case DrawTool.CIRCLE:
                    {
                        addingText = drawingPoint = drawingLine = PointXY = false;
                        drawingPolygon = showMeasurements = true;
                        drawStatus = drawCircleLabel;
                        setMapAction(drawType, drawStatus, fillSymbol, map_drawEndHandler, map_drawUpdateHandler, false, false);
                        break;
                    }
                    case DrawTool.ELLIPSE:
                    {
                        addingText = drawingPoint = drawingLine = PointXY = false;
                        drawingPolygon = showMeasurements = true;
                        drawStatus = drawEllipseLabel;
                        setMapAction(drawType, drawStatus, fillSymbol, map_drawEndHandler, map_drawUpdateHandler, false, false);
                        break;
                    }
                    case DrawTool.POLYGON:
                    {
                        addingText = drawingPoint = drawingLine = PointXY = false;
                        drawingPolygon = showMeasurements = true;
                        drawStatus = drawPolygonLabel;
                        setMapAction(drawType, drawStatus, fillSymbol, map_drawEndHandler, map_drawUpdateHandler, false, false);
                        break;
                    }
                    case DrawTool.FREEHAND_POLYGON:
                    {
                        addingText = drawingPoint = drawingLine = PointXY = false;
                        drawingPolygon = showMeasurements = true;
                        drawStatus = drawFreehandPolygonLabel;
                        setMapAction(drawType, drawStatus, fillSymbol, map_drawEndHandler, map_drawUpdateHandler, false, false);
                        break;
                    }
                }

JosVroegop

Hello Robert,

Thank you for a great widget, your work is greatly appreceated!

I have a question about the 3.3.2 version of the widget. The tooltips don't seem to show when drawing on the map (click to start drawing, double click to finish)

Is this something that could be modified? We are working with the sourcecode. Thanks in advance.

ScottMcGee

All,

Next version of the eDraw widget is available:

Version 3.3.2 - 5/17/2013
* Fixed an issue where it was extremely difficult to select and move text placed by the widget.

Robert,

Thank you for the quick update. I installed 3.3.2 and it works perfectly. My map users are going to be very happy now!

I want to publicly thank you for all the great widgets you've built and all the fantastic support you provide on this forum. I'm using six of your widgets in our mapper, and it is a much better product because of your efforts. For your viewing pleasure, I've attached screenshots of your Enhanced Splash widget in action!

ESRI, if you're reading this, you need to make Robert an offer he can't refuse!

[ATTACH=CONFIG]24452[/ATTACH] [ATTACH=CONFIG]24453[/ATTACH] [ATTACH=CONFIG]24454[/ATTACH] [ATTACH=CONFIG]24455[/ATTACH]

RobertScheitlin__GISP

All,

Next version of the eDraw widget is available:

Version 3.3.2 - 5/17/2013
* Fixed an issue where it was extremely difficult to select and move text placed by the widget.

RobertScheitlin__GISP

Scott,

If you are using the source code then this is the change that you can make to fix this issue. I will be adding it to the next release.

This code goes in the DrawWidget.mxml and/or the eDrawWidget.mxml

            private function map_mouseUpHandler(event:MouseEvent):void
            {
//My Add
                if(event.target is FTETextField){
                    if(event.target.parent !== editGraphic){
                        map.removeEventListener(MouseEvent.MOUSE_UP, map_mouseUpHandler);
                        map.removeEventListener(MouseEvent.MOUSE_MOVE, map_mouseMoveHandler);
                        
                        stopEditing();
                    }else{
                        return;
                    }
                }
//End My Add
                if (event.target !== editGraphic)
                {
                    map.removeEventListener(MouseEvent.MOUSE_UP, map_mouseUpHandler);
                    map.removeEventListener(MouseEvent.MOUSE_MOVE, map_mouseMoveHandler);

                    stopEditing();
                }
            }

RobertScheitlin__GISP

Scott,

I am working to find the issue that both the Draw and the eDraw have with this, but in the mean time there is a VERY simple workaround just click on the map (where there is no graphic) before you attempt to click on the text. If you click on a garphic (like a polygon and move it) click on the map before you attempt to select the text by clicking on it.

ScottMcGee

I'm using Robert's Enhanced Draw widget and all's well with it, except for a few small issues:

1) It's difficult or impossible select text that is added to the map. I can click on and select a text string immediately after adding it, but if I then add another text string or shape (marker, line, circle, rectangle, polygon, etc.) then I can no longer select any text that's been placed. So if I need to move a piece of text, the only thing I can do is to clear all text and shapes that have been placed and start from scratch, trying to make sure that the text is placed exactly where it needs to be (and this can often be a trial-and-error affair).

I thought it might be something about my Flex app, but I tried Robert's eDraw demo page ( http://gis.calhouncounty.org/FlexViewer3.3/index.html?config=config-eDraw.xml&draw=http://gis.calhouncounty.org/FlexViewer3.2/SavedGraphics.txt&autozoom=true&zoompercent=2.0 ) and it has the same text selection issue. I experience this problem in the newest versions of Internet Explorer, Chrome, and Firefox. Does anyone else have this issue as well?

2) In the Show Measurements area, the Bold and Underline buttons don't have the B and U text on them - they are blank, but they do function properly. See the screenshot below. Any idea why the B and U don't show up? Also, instead of the Distance Units label, the widget shows Distance U... . I made a copy of Robert's default eDrawWidget.xml file and edited it by changing the order in which the distance and area units are displayed in the drop-down pick lists, and I also added the coordinate system we commonly use to the <pointunits> tag. I thought that maybe these customizations might be causing the issues, so I then switched to Robert's default unedited XML that comes with the widget, and I have the same issues.

EDIT: I fixed issue #2 (blue text above). I had my app configured to use the Verdana font for all the widgets. I switched it to Arial and it fixed the display issue in Robert's eDraw widget and a couple of other widgets that had display issues.

I'm using version 3.3.1 (dated 5/16/2013) of the widget with Flex 3.3.

[ATTACH=CONFIG]24397[/ATTACH]

eDraw.jpg

RobertScheitlin__GISP

Justin,

Yep that would be an issue.

JustinFultz

I have this widget in a 3.1 application. I'm guessing this could be the issue since it's 3.2, right? Sorry I didn't catch that earlier.

RobertScheitlin__GISP

Justin,

Are you using an old eDrawWidget.xml file (from a previous version)? What version is the ArcGIS Server geometry service you are using?

Now that you are back on your thread maybe you can mark it as answered from the first time I assisted you here. Follow Step 1 in the graphic below:

JustinFultz

Robert,

I am getting the following error when trying to show measurements (coordinates) for a point using the enhanced draw widget version 3.2:

[FaultEvent fault=[RPC Fault faultString="HTTP request error" faultCode="Server.Error.Request" faultDetail="Error: [IOErrorEvent type="ioError" bubbles=false cancelable=false eventPhase=2 text="Error #2032"]. URL: /project?f=json&outSR=102629&inSR=102100&geometries=%7B%22geometryType%22%3A%22esriGeometryPoint%22%2C%22geometries%22%3A%5B%7B%22x%22%3A%2D11091257%2E652817877%2C%22y%22%3A4247181%2E400014186%7D%5D%7D"] messageId="6E9EE6A6-A484-AED2-E526-336525DDFEDF" type="fault" bubbles=false cancelable=true eventPhase=2]

I would appreciate any ideas you migth have on this.

Thanks!

Justin

DarrellAllen

Robert,
Thanks for the help. I just set my map document that creates my main base layer to Web Mercator then recreated the service. It seems to work but will be checking it out to make sure my measurements are correct. I did not set a WKID in the config.xml, since the first layer Flex hits is this base layer, thus setting the coordinate system for the viewer. My other layers/services remained in State Plane Feet. I set the WKID in the eDraw .xml to reflect the Web Mercator WKID.

Thanks,
Darrell

RobertScheitlin__GISP

Darrell,

The map itself has to be in web mercator or Geographic. It is the fact that the client machine only have the ability to project on the fly client side if the MAP is in web mercator or geographic.

DarrellAllen

Robert,
You said for the live measure feature to function the map needs to be geographic or web-mercator. Does that mean the data itself or just the WKID needs to be set? I have all my data in a State Plane projection and have been trying to get the eDraw live measurements to function. I have set the WKID to several different flavors of geographic, UTM, and web-mercator with no avail.

Thanks,
Darrell

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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