Download - Javascript Editing Tools Made Easy Blue Raster - Esri Developer Summit 2013 Lightning Talk
![Page 1: Javascript Editing Tools Made Easy Blue Raster - Esri Developer Summit 2013 Lightning Talk](https://reader034.vdocument.in/reader034/viewer/2022051323/547bfc69b4af9faf158b4fa3/html5/thumbnails/1.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051323/547bfc69b4af9faf158b4fa3/html5/thumbnails/2.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051323/547bfc69b4af9faf158b4fa3/html5/thumbnails/3.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051323/547bfc69b4af9faf158b4fa3/html5/thumbnails/4.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051323/547bfc69b4af9faf158b4fa3/html5/thumbnails/5.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051323/547bfc69b4af9faf158b4fa3/html5/thumbnails/6.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051323/547bfc69b4af9faf158b4fa3/html5/thumbnails/7.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051323/547bfc69b4af9faf158b4fa3/html5/thumbnails/8.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051323/547bfc69b4af9faf158b4fa3/html5/thumbnails/9.jpg)
Thank you.Follow Blue Raster
Twitter - @bluerasterblueraster.com/blog
Follow MeTwitter - @RWinter85Github – Robert-W