Select to view content in your preferred language

eDraw widget

81171
250
Jump to solution
02-24-2015 01:17 AM
JeremieCornet1
Frequent Contributor

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)

250 Replies
JeremieCornet1
Frequent Contributor

Finbar Gillen

In WAB builder, if you make a modification in the default config of a widget, WAB create a specific config file (in the "configs" folder of your app).

This is this file you have to modify.

You can see in the config.json file of the app to see the config file used for the widget.

JeremieCornet1
Frequent Contributor

Maybe i will add a textarea in the settings' UI of the eDraw widget to modify the config as json.

FinbarGillen
Frequent Contributor

Cheers Jeremie, that would be very helpful.

0 Kudos
MichaelRobb
Honored Contributor

Hi Jeremie,

My Apologies if I missed where this was mentioned.  Great WIdget by the way.

Have you implemented or plan on showing measurements on the fly?  E.g. A User is drawing a line but wants the line drawn to be 10 Miles in length ?

Thanks

DevonBise
Regular Contributor

This would be a fantastic enhacement.  I just wanted to bump this particular suggestion! 

0 Kudos
AndrewZimba1
Regular Contributor

Wouldn't export via GP require that the users be not simply Viewers?

0 Kudos
by Anonymous User
Not applicable

Jeremie Cornet​ I found a bug...

I have what appears to be the latest version (and perhaps a beta?) I downloaded your version 1.3.3 you linked to in one of the posts, and tested the local Measurement. As I replied above, it's great, the measurement is accurate.

However, I found a reproducible bug:

First, create a new Text label. Place it.

Second, then go to create a Point. It will create another Text. In fact, you can't create a Point. The Text click handler takes over and kills Point permanently.

This happened in both Chrome and IE 11.  Anyone else seeing this?

Jeremie, if this helps...I just tested for this in your current release also. I notice this bug and it is exactly the same, in the posted demo version: https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fapps.magis.nc%2Fmaps%2Fwab-widgets%2F... 

Also, sometimes it seems like you have to click twice to get the feature (whether it be point, or Text) to place onto the map.

I love this widget so much. I will be glad to be of service if you'd like me to test it more.

JeremieCornet1
Frequent Contributor

Thanks Kevin MacLeod​.

I found this bug too and it's corrected in the next release .

Also, sometimes it seems like you have to click twice to get the feature (whether it be point, or Text) to place onto the map.

It happens sometimes to me. I hav'nt found exactly why it happens (although i know it comes from symbol under mouse).

0 Kudos
JeremieCornet1
Frequent Contributor

New release (see first post).

MihkelMänna
Frequent Contributor

Awesome widget, Jeremy!

I really like the new features and bug fixes but I have to say I was experiencing some errors when testing the new release together with my other widgets in Firefox because of the

for (var i in someList) { ... }

array loop constructs.

Changing them to

for (var i = 0; i < someList.length; i++) { ... }

solved the problems.

(EDIT: This was also true for the previous release)