SlideShare a Scribd company logo
2013 Esri International Developer Summit March 25 - 28, 2013


Presented by: Robert Winterbottom
Blue Raster
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
Keeping it simple
 Easily identifiable tools.
 Simple tools
    Draw/Erase
        Polygon and Freehand Polygon drawing
    Undo/ Redo
    Edit Vertices
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.
Drawing
 Polygon or Freehand
  Polygon tool.
 Draw the shape and
  automatically join the
  geometries.
 Geometry Service
  Method: Union
Erasing
 Draw a shape and
  automatically
  remove that section
  from the polygon.
 Geometry Service
  Method: Difference
Editing Vertices
 Give our user greater
  precision.
 Great tool already.
 Snapping!
Interact with neighboring polygons
 Show neighboring
  polygons.
 Highlight overlapping
  polygons.
 Provide feedback.
 Geometry Service
  Methods: Buffer,
  Intersect, Relation
Thank you.
 Follow Blue Raster
    Twitter - @blueraster
    blueraster.com/blog
 Follow Me
    Twitter - @RWinter85
    Github – Robert-W

More Related Content

PDF
Atsuto hiraide
PDF
Pinion mount
PPT
Google sketch up tutorial
PPT
Max2015 ch01
PDF
Instagram by:Irica D. Resma
PPTX
Sketch a doodle - EICS 2020
PPTX
Presentation for fit
PPTX
Using Digimap
Atsuto hiraide
Pinion mount
Google sketch up tutorial
Max2015 ch01
Instagram by:Irica D. Resma
Sketch a doodle - EICS 2020
Presentation for fit
Using Digimap

What's hot (11)

DOC
Step By Step Webpage Guide
PPTX
PPTX
Evidence of magazine construction
PPT
Digital Techniques
PPTX
(Sept.14)
PDF
2011 OptiTex Marketing Materials
PPTX
Unit 3 constructing figures
PPT
OptiTex Company Brief
PPT
The Perfect Fit - Presentation for 2010 International conference on 3D body s...
PPTX
Chap22
PPTX
learn sketchup (for the beginners)
Step By Step Webpage Guide
Evidence of magazine construction
Digital Techniques
(Sept.14)
2011 OptiTex Marketing Materials
Unit 3 constructing figures
OptiTex Company Brief
The Perfect Fit - Presentation for 2010 International conference on 3D body s...
Chap22
learn sketchup (for the beginners)
Ad

Viewers also liked (6)

PPTX
AMWA-MAC 2015 Conference Presention MJSpiering
PPTX
Editing images powerpoint
PDF
Collaborative Editing Tools
PPTX
Photo and Graphic editing tools for bloggers
PDF
المحاضرة الثامنة- سلسلة أساسيات البحث العلمي
PDF
4 ikr m
AMWA-MAC 2015 Conference Presention MJSpiering
Editing images powerpoint
Collaborative Editing Tools
Photo and Graphic editing tools for bloggers
المحاضرة الثامنة- سلسلة أساسيات البحث العلمي
4 ikr m
Ad

Similar to Javascript Editing Tools Made Easy Blue Raster - Esri Developer Summit 2013 Lightning Talk (9)

PDF
Geoscience For Gis A
PPTX
Digitizing features_2 in ARC GIS
PDF
Spatial Data Infraestructure of the Region of Murcia
PPTX
OpenStreetMap in 3D - current developments
PDF
GIS Tutorial 1 Basic Workbook Wilpen L. Gorr
PPTX
Lesson_4_Basic_Commands_Computer_Aided_Design
PDF
VGEGIS%20Training%20Tutorial
PDF
VGEGIS%20Training%20Tutorial
PDF
Search with Polygons: Another Approach to Solr Geospatial Search
Geoscience For Gis A
Digitizing features_2 in ARC GIS
Spatial Data Infraestructure of the Region of Murcia
OpenStreetMap in 3D - current developments
GIS Tutorial 1 Basic Workbook Wilpen L. Gorr
Lesson_4_Basic_Commands_Computer_Aided_Design
VGEGIS%20Training%20Tutorial
VGEGIS%20Training%20Tutorial
Search with Polygons: Another Approach to Solr Geospatial Search

More from Blue Raster (20)

PPTX
ArcGIS Maps and Microsoft Integration: Power BI
PPTX
ArcGIS StoryMaps: Agencies Are Creating Great Story Maps; Here's How You Can Too
PPTX
Unless We Act Now: Impact of Climate Change on Children
PPTX
ESRI Federal Small Business Specialty 2017 Partner of the Year Award
PPTX
Emerging Hot Spot Analysis
PPTX
Fighting Climate Change by Fighting Fires - Esri FedGIS 2016 Presentation
PPTX
AppStudio for ArcGIS: The Basics - Esri FedGIS 2016
PPTX
Blue Raster Natureserve Synergy Workshop Presentation
PDF
Blue Raster Presents on Emerging Hotspots of Global Tree Cover Loss
PPTX
Creating Apps with Maps in AppStudio - Esri User Conference 2015 Presentation
PPTX
U.S. National Arboretum - Esri User Conference 2015 Presentation
PPTX
The Power of Story Maps, Data Visualization, and Analysis: NetHope and Blue R...
PPTX
Best Practices for Story Maps
PPTX
Kill those bugs with the ultimate tool - Chrome DevTools
PPTX
Make JavaScript Lean, Mean, and Clean
PPTX
Building a Custom UI Control with D3 - 2015 Esri Devoloper Summit
PPTX
Building a Custom UI control with D3
PPTX
Great Story Maps - Blue Raster Esri User Conference 2014 Presentation
PPTX
Total Knockout: Start-to-Finish Development of Suitability Applications Using...
PPTX
Online Mapping Patterns in 2013 and Beyond
ArcGIS Maps and Microsoft Integration: Power BI
ArcGIS StoryMaps: Agencies Are Creating Great Story Maps; Here's How You Can Too
Unless We Act Now: Impact of Climate Change on Children
ESRI Federal Small Business Specialty 2017 Partner of the Year Award
Emerging Hot Spot Analysis
Fighting Climate Change by Fighting Fires - Esri FedGIS 2016 Presentation
AppStudio for ArcGIS: The Basics - Esri FedGIS 2016
Blue Raster Natureserve Synergy Workshop Presentation
Blue Raster Presents on Emerging Hotspots of Global Tree Cover Loss
Creating Apps with Maps in AppStudio - Esri User Conference 2015 Presentation
U.S. National Arboretum - Esri User Conference 2015 Presentation
The Power of Story Maps, Data Visualization, and Analysis: NetHope and Blue R...
Best Practices for Story Maps
Kill those bugs with the ultimate tool - Chrome DevTools
Make JavaScript Lean, Mean, and Clean
Building a Custom UI Control with D3 - 2015 Esri Devoloper Summit
Building a Custom UI control with D3
Great Story Maps - Blue Raster Esri User Conference 2014 Presentation
Total Knockout: Start-to-Finish Development of Suitability Applications Using...
Online Mapping Patterns in 2013 and Beyond

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

  • 1. 2013 Esri International Developer Summit March 25 - 28, 2013 Presented by: Robert Winterbottom Blue Raster
  • 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. Keeping it simple  Easily identifiable tools.  Simple tools  Draw/Erase  Polygon and Freehand Polygon drawing  Undo/ Redo  Edit Vertices
  • 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. Drawing  Polygon or Freehand Polygon tool.  Draw the shape and automatically join the geometries.  Geometry Service Method: Union
  • 6. Erasing  Draw a shape and automatically remove that section from the polygon.  Geometry Service Method: Difference
  • 7. Editing Vertices  Give our user greater precision.  Great tool already.  Snapping!
  • 8. Interact with neighboring polygons  Show neighboring polygons.  Highlight overlapping polygons.  Provide feedback.  Geometry Service Methods: Buffer, Intersect, Relation
  • 9. Thank you.  Follow Blue Raster  Twitter - @blueraster  blueraster.com/blog  Follow Me  Twitter - @RWinter85  Github – Robert-W