9
JavaScript Editing Tools Made Easy 2013 Esri International Developer Summit March 25 - 28, 2013 Presented by: Robert Winterbottom Blue Raster

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

Embed Size (px)

DESCRIPTION

 

Citation preview

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

JavaScript Editing Tools Made Easy

2013 Esri International Developer Summit March 25 - 28, 2013

Presented by: Robert WinterbottomBlue Raster

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

Editing tools made easyGoals

Configure the editor widget to support non-GIS users

Keep it simpleLimit the tasks our users

could performAdd additional capabilities

to the editor widget

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

Keeping it simpleEasily identifiable tools.Simple tools

Draw/Erase Polygon and Freehand Polygon drawing

Undo/ Redo Edit Vertices

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

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.

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

DrawingPolygon or

Freehand Polygon tool.

Draw the shape and automatically join the geometries.

Geometry Service Method: Union

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

ErasingDraw a shape

and automatically remove that section from the polygon.

Geometry Service Method: Difference

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

Editing VerticesGive our user greater

precision.Great tool already.Snapping!

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

Interact with neighboring polygonsShow neighboring

polygons.Highlight

overlapping polygons.

Provide feedback.Geometry Service

Methods: Buffer, Intersect, Relation

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

Thank you.Follow Blue Raster

Twitter - @bluerasterblueraster.com/blog

Follow MeTwitter - @RWinter85Github – Robert-W