eDraw widget

[JeremieCornet1]

Ehanced draw widget for WebApp Builder for Arcgis

UPDATE 2018/05/09 (new Release v2.8.1) :

• refactoring
• use esri/geometry/projection (available since esri js api 3.24) instead of proj4js (external libs)
• systematic use of geometry engine (no more mercator utils, geometry server...)
• for polyline, the user can now add an arrow (available since esri js api 3.23)
• live measure while drawing
• WARNING : this release needs Esri API >= 3.24

Release 2.8.1 on Github 

(Direct zip link : https://github.com/magis-nc/esri-webappbuilder-widget-eDraw/releases/download/v2.8.1/eDraw.zip )

Demo : https://apps.magis.nc/demo/eDraw/ 

Github  :

https://github.com/magis-nc/esri-webappbuilder-widget-eDraw

Wigdet's Features (improvments of standard Draw widget) :

• add name and description fields on drawings
• enable infowindow on drawings (selection)
• on text drawing, no insert if no name.
• on modification : enable geometry update (with snapping if wanted : CTRL) and preview symbology changes on the fly
• list
  • add list of all drawings
  • actions on each drawing : modify / delete / [up / down] / zoom
  • all drawings : zoom, copy, delete, export
  • on drawing infowindow -> select drawing in list
  • on zoom on a drawing -> select drawing on map (and show infoWindow)
  • re-order graphics with drag&drop
• import/export : allow users to export or import drawings (json format)
  • import can be done with file drag&drop in import popup
• localStorage
  • dynamic saving on each drawing add/delete/update
  • on widget load : load drawings saved in local Storage
• draws plus (initially from Larry Stout https://geonet.esri.com/people/Larry_Stout)
  • preview under mouse when adding text or point
  • for text, add font choice, font angle, bold, italic, placement and underline options.
  • add arrow menu for polyline
• checkbox to hide drawing's layer (and therefore widget UI)
• add of Nautical unit
• measure's for points/polylines/polygons with automatic update on element's update (or delete). Measure's can be indidualy disabled/enabled on any graphic.
• "On the fly" measure when drawing
• defaults symbols can be specified in config's file
• use of builtin projection engine (available since esri js api 3.24) instead of proj4js library

This message was updated by Jeremie Cornet (New Release)

[AdamGebhart]

jeremie34‌

I think you can disregard my issue as I think I have it worked out.  After sending that last reply I realized I didn't even think about adding proj4.js to my existing apps\#\libs folder.  Before that I only added it to stemapp/libs. 

I added it to apps\#\libs, loaded eDraw and now it works!

Thanks again for your help.

[RyanCoodey]

Just wanted to give a big thanks for this widget, has just about everything we needed. Saved me from having to build our own . Great job jeremie34‌!

Two additional features we would love to see:

• Live measurements as drawing (mentioned by others)
• Ability to draw arrow shapes (have a few users that loved those in our old web map system)

[Anonymous User]

Jeremie - just wanted to note it works perfectly in Chrome now for me, the latest 2.1.2.  As to what was going on with my Chrome back in August, who knows. It works perfectly in WAB 2.8! 

[JeremieCornet1 · Accepted solution]

Hi all,

A new release is available (see first post).

[JacksonTrappett]

Hi!  We love this new update to the eDraw widget!  We especially like the new feature to add arrows to the ends of lines!

Question:  When printing the arrows don't come through on the print, they disappear off the ends of the lines - is this a limitation of the print service? Is there a way to fix that on our end?

[MichaelJenkins]

Great update, thanks!   I really like the arrow on polyline and the live measurements as your draw.

Two small requests for some future update.   It would be really nice to have the option to label only area when drawing a polygon.  It seems to always label both area and perimeter.  Second one may be a stretch, but can we control visibility on a per layer basis?

[JeremieCornet1]

Hi,

It would be really nice to have the option to label only area when drawing a polygon.

Ok for a future release :

For a polygon, add the option to label only area or length · Issue #8 · magis-nc/esri-webappbuilder-... 

can we control visibility on a per layer basis

This is possible but requires big changes (UI and code) so this a not a priority for me.

Other people are interested by this functionnality ?

[deleted-user-Sh7q9fbKLpEv]

Hi Jeremie Cornet‌,

Thanks for developing this great tool! I'm wondering if there's a way to change the default font color for the measurement labels that are placed on the map? I've tried a number of code modifications but haven't been successful.

Thanks in advance for your help!

Jacqueline

[JeremieCornet1]

Hi Jacqueline Kovarik‌,

The text symbol for measurement is defined in the method __getTxtGraphic

esri-webappbuilder-widget-eDraw/Widget.js at master · magis-nc/esri-webappbuilder-widget-eDraw · Git... 

The "clean" way would be to add in the config file the defaultMeasureSymbol as json and use it in this method.

[deleted-user-Sh7q9fbKLpEv]

Thank you Jeremie Cornet‌, this worked perfectly!