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