Customizing and Extending ArcGIS Web Application Templates · Customizing and Extending ArcGIS Web...
Transcript of Customizing and Extending ArcGIS Web Application Templates · Customizing and Extending ArcGIS Web...
Customizing and Extending ArcGIS Web
Application TemplatesShan Shan Lam – Esri China (HK)
Richard Chau – Esri China (HK)
What are Templates
Language Support
Configurable
Sharing Options
• Publish
• Download
Using Templates
http://www.northfrontenac.com/about-overview.html
Tell a Story
http://dcist.com/2014/03/tree_vandal_damaged_more_tha
n_750_t.php
http://blogs.seattletimes.com/fyi-
guy/2014/07/11/surprising-places-car-ownership-is-
up/
Embed Map or Gallery
https://www.cityofkingston.ca/residents/recreation/parks-trails
Map IDA unique identifier, like a social security number
Richard Chau
Demo: Build a Map
Web Maps
• createMap
• getItem
• getLegendLayers
Richard Chau
Demo: Working
with the Web Map
Configuring
Templates
Create an Application
Richard Chau
Demo: Create an
App
• Early Adopters
• Custom templates
Custom Template Gallery
Customizing
Templates
Methods of Customization
Webmap Web Application
Download Item (PIM)
Getting the Code & GitHub Issues
Richard Chau
Demo: Customize
PIM Template
Application
Boilerplate
What is it?
• Starter Application
• Includes template & app logic
• Working with ArcGIS Online
- Webmaps
- Services
- i18n
- Authentication
- Configurable
Why would I need it?
• Makes life simpler
• Handles common template logic
• oAuth workflow
• Template configuration for Arcgis.com
• Used in newer templates on AGOL
Customizing
Layers
Panels
Legend
Widgets etc.
Dissecting the Boilerplate
Richard Chau
Demo: Lets
Customize!
Customize Boilerplate & Create Template
• Add Locate Button
• Add Legend
• Modify Configuration JSON
• Create Item on AGOL
• Share Item into template group
• Preview Item
• Configure Item
Edit Application Item
JSON!
Configuration Parameters
Code on GitHub
Share your moment #EsriAPUC