Configuring and Customizing ArcGIS Viewer for Flex
Configuring and Customizing ArcGIS Viewer for Flex Bjorn Svensson and Heather Gonzago
Agenda
•
Access Viewer source
•
Viewer and ArcGIS as a platform
•
Custom UI for Viewer
•
Viewer as an ArcGIS Online template
Access Viewer source
Accessing Viewer source in GitHub •
arcgis-viewer-flex
•
Three main ways to access the source 1.
Download ZIP file containing source
2.
Direct clone of the repository (repo) to a working directory on your machine
3.
-
requires git
-
useful if you wish to receive updates automatically but not contribute
Fork the repo – server-side clone of repo using your own GitHub account -
requires GitHub account (free)
-
useful if you with to contribute back to project
What is GitHub?
•
GitHub -
Web site -
•
Most popular open source code repo site
-
Issues
-
Pull requests
Works with Git -
Open source,
-
distributed version control system
Demo – Accessing Viewer source code •
arcgis-viewer-flex
Flex Viewer … and ArcGIS as a platform
Viewer and ArcGIS.com •
Viewer can take advantage of ArcGIS.com functionality -
Handle authentication -
-
-
Groups, roles, access
Maps -
Base maps
-
Demographics maps
Services: -
Geocoding
-
Routing
-
… and more
Demo
Custom UI for Viewer
Customizing UI of Viewer •
Modified source to extend the look of the Viewer
•
Main areas of focus: -
Header Controller widget
-
Map Switcher
-
Navigation
Modifying Viewer source through GitHub •
Easy to use and track changes to code
•
Commits are graphed
•
View individual source files for comparison
Comparing edits Flash Builder •
View individual source files for each change: 1.
Header Controller Widget
2.
Create custom navigation skin
3.
OpsLayerButtonSkin
4.
Map Switcher widget
5.
TOCLayerMenu
6.
Main config file
GitHub
Access flexviewer-customui repo
•
http://hgonzago.github.com/arcgis-viewer-flex/
Viewer as an ArcGIS Online template
Questions
•
Please don’t forget to do your survey http://esriurl.com/epcsurvey -
•
Offering ID: 271
Resources -
http://links.esri.com/flex http://links.esri.com/flexviewer https://github.com/Esri/arcgis-viewer-flex http://training.esri.com/ -
Extending the ArcGIS Viewer for Flex -
2 hour web course
Agenda
•
Access Viewer source
•
Viewer and ArcGIS as a platform
•
Custom UI for Viewer
•
Viewer as an ArcGIS Online template
Access Viewer source
Accessing Viewer source in GitHub •
arcgis-viewer-flex
•
Three main ways to access the source 1.
Download ZIP file containing source
2.
Direct clone of the repository (repo) to a working directory on your machine
3.
-
requires git
-
useful if you wish to receive updates automatically but not contribute
Fork the repo – server-side clone of repo using your own GitHub account -
requires GitHub account (free)
-
useful if you with to contribute back to project
What is GitHub?
•
GitHub -
Web site -
•
Most popular open source code repo site
-
Issues
-
Pull requests
Works with Git -
Open source,
-
distributed version control system
Demo – Accessing Viewer source code •
arcgis-viewer-flex
Flex Viewer … and ArcGIS as a platform
Viewer and ArcGIS.com •
Viewer can take advantage of ArcGIS.com functionality -
Handle authentication -
-
-
Groups, roles, access
Maps -
Base maps
-
Demographics maps
Services: -
Geocoding
-
Routing
-
… and more
Demo
Custom UI for Viewer
Customizing UI of Viewer •
Modified source to extend the look of the Viewer
•
Main areas of focus: -
Header Controller widget
-
Map Switcher
-
Navigation
Modifying Viewer source through GitHub •
Easy to use and track changes to code
•
Commits are graphed
•
View individual source files for comparison
Comparing edits Flash Builder •
View individual source files for each change: 1.
Header Controller Widget
2.
Create custom navigation skin
3.
OpsLayerButtonSkin
4.
Map Switcher widget
5.
TOCLayerMenu
6.
Main config file
GitHub
Access flexviewer-customui repo
•
http://hgonzago.github.com/arcgis-viewer-flex/
Viewer as an ArcGIS Online template
Questions
•
Please don’t forget to do your survey http://esriurl.com/epcsurvey -
•
Offering ID: 271
Resources -
http://links.esri.com/flex http://links.esri.com/flexviewer https://github.com/Esri/arcgis-viewer-flex http://training.esri.com/ -
Extending the ArcGIS Viewer for Flex -
2 hour web course
