Javascript Editing Tools Made Easy Blue Raster - Esri Developer Summit 2013 Lightning Talk

615 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
615
On SlideShare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Javascript Editing Tools Made Easy Blue Raster - Esri Developer Summit 2013 Lightning Talk

  1. 1. 2013 Esri International Developer Summit March 25 - 28, 2013Presented by: Robert WinterbottomBlue Raster
  2. 2. Editing tools made easy Goals  Configure the editor widget to support non-GIS users  Keep it simple  Limit the tasks our users could perform  Add additional capabilities to the editor widget
  3. 3. Keeping it simple Easily identifiable tools. Simple tools  Draw/Erase  Polygon and Freehand Polygon drawing  Undo/ Redo  Edit Vertices
  4. 4. Custom Editing Tools != “Reinvent the wheel”. Reassemble the wheel with components that were already available from Esri’s JavaScript API. Combination of draw toolbar, edit toolbar, and the Geometry Service.
  5. 5. Drawing Polygon or Freehand Polygon tool. Draw the shape and automatically join the geometries. Geometry Service Method: Union
  6. 6. Erasing Draw a shape and automatically remove that section from the polygon. Geometry Service Method: Difference
  7. 7. Editing Vertices Give our user greater precision. Great tool already. Snapping!
  8. 8. Interact with neighboring polygons Show neighboring polygons. Highlight overlapping polygons. Provide feedback. Geometry Service Methods: Buffer, Intersect, Relation
  9. 9. Thank you. Follow Blue Raster  Twitter - @blueraster  blueraster.com/blog Follow Me  Twitter - @RWinter85  Github – Robert-W

×