Presentation is loading. Please wait.

Presentation is loading. Please wait.

Esri UC 2014 | Technical Workshop | ArcGIS API for JavaScript: An Introduction Kelly Hutchins Derek Swingley.

Similar presentations


Presentation on theme: "Esri UC 2014 | Technical Workshop | ArcGIS API for JavaScript: An Introduction Kelly Hutchins Derek Swingley."— Presentation transcript:

1 Esri UC 2014 | Technical Workshop | ArcGIS API for JavaScript: An Introduction Kelly Hutchins Derek Swingley

2 Esri UC 2014 | Technical Workshop | Why ArcGIS API for JavaScript: An Introduction Interactive maps ArcGIS Online basemaps Widgets: Geocoder, Home, Locate, etc. Analysis: GP, location analytics, geoenrichment …explore the samples

3 Esri UC 2014 | Technical Workshop | Getting Help Forums GIS.StackExchange Twitter - #esrijs ArcGIS API for JavaScript: An Introduction @derekswingley @kellyhutchins

4 Esri UC 2014 | Technical Workshop | Build an application ArcGIS API for JavaScript: An Introduction Learn how to - Create a map - Add layers - Work with widgets - Display information - Use a renderer - Query a feature layer Tips and Gotchas

5 Esri UC 2014 | Technical Workshop | Get the API ArcGIS API for JavaScript: An Introduction Hosted Download - http://www.esri.com/apps/products/download/

6 Esri UC 2014 | Technical Workshop | Gotcha: Scrambled tiles ArcGIS API for JavaScript: An Introduction

7 Esri UC 2014 | Technical Workshop | < script src=“//js.arcgis.com/3.10”> Tip: Protocol Relative URL ArcGIS API for JavaScript: An Introduction Prevent mixed-content messages

8 Esri UC 2014 | Technical Workshop | Learn about the API ArcGIS API for JavaScript: An Introduction

9 Esri UC 2014 | Technical Workshop | Make a map ArcGIS API for JavaScript: An Introduction

10 Esri UC 2014 | Technical Workshop | Make a map ArcGIS API for JavaScript: An Introduction

11 Esri UC 2014 | Technical Workshop | World Topographic Map ArcGIS API for JavaScript: An Introduction

12 Esri UC 2014 | Technical Workshop | Ocean Basemap ArcGIS API for JavaScript: An Introduction

13 Esri UC 2014 | Technical Workshop | ArcGIS API for JavaScript: An Introduction

14 Esri UC 2014 | Technical Workshop | Tip: Find the center ArcGIS API for JavaScript: An Introduction

15 Esri UC 2014 | Technical Workshop | Demo: Create map ArcGIS API for JavaScript: An Introduction

16 Esri UC 2014 | Technical Workshop | Widgets Legend Directions Geocoder Print Basemap Gallery And more ArcGIS API for JavaScript: An Introduction

17 Esri UC 2014 | Technical Workshop | Widget coding pattern Create widget Set widget properties Call startup ArcGIS API for JavaScript: An Introduction

18 Esri UC 2014 | Technical Workshop | Demo: Add Geocoder widget ArcGIS API for JavaScript: An Introduction

19 Esri UC 2014 | Technical Workshop | Edit geometries Helper class Edit geometries - Move - Modify vertices - Rotate and scale ArcGIS API for JavaScript: An Introduction

20 Esri UC 2014 | Technical Workshop | Demo: Use edit to move graphics ArcGIS API for JavaScript: An Introduction

21 Esri UC 2014 | Technical Workshop | Tasks Find Nearest Find Address Reverse Geocode Closest Facility And more … ArcGIS API for JavaScript: An Introduction

22 Esri UC 2014 | Technical Workshop | Create a task Create the task Execute method Handle results ArcGIS API for JavaScript: An Introduction

23 Esri UC 2014 | Technical Workshop | Demo: Add reverse geocode to app ArcGIS API for JavaScript: An Introduction

24 Esri UC 2014 | Technical Workshop | Add Layers ArcGIS API for JavaScript: An Introduction

25 Esri UC 2014 | Technical Workshop | Layer coding pattern Create layer Specify layer specific properties Add to map ArcGIS API for JavaScript: An Introduction

26 Esri UC 2014 | Technical Workshop | Tip: Adding secure layers Identity Manager OAuth support ArcGIS API for JavaScript: An Introduction

27 Esri UC 2014 | Technical Workshop | Adding layers – Feature layers Vector data Interactive - Editing, selection Attribute and spatial queries Popups ArcGIS API for JavaScript: An Introduction

28 Esri UC 2014 | Technical Workshop | Demo: Add feature layer to application ArcGIS API for JavaScript: An Introduction

29 Esri UC 2014 | Technical Workshop | Renderers ArcGIS API for JavaScript: An Introduction

30 Esri UC 2014 | Technical Workshop | Popups ArcGIS API for JavaScript: An Introduction Add interactivity Information about … - a location - a feature - the results of an address search Customizable

31 Esri UC 2014 | Technical Workshop | Popup Examples ArcGIS API for JavaScript: An Introduction

32 Esri UC 2014 | Technical Workshop | Demo: Display geocode results in a popup ArcGIS API for JavaScript: An Introduction

33 Esri UC 2014 | Technical Workshop | Tip: Simplify code using a web map esri/arcgis/utils - createMap - getLegendLayers ArcGIS API for JavaScript: An Introduction

34 Esri UC 2014 | Technical Workshop | Thank you… Please fill out the session survey: First Offering ID: 1134 Second Offering ID: 1251 Online – www.esri.com/ucsessionsurveyswww.esri.com/ucsessionsurveys Paper – pick up and put in drop box ArcGIS API for JavaScript: An Introduction

35 Esri UC 2014 | Technical Workshop | ArcGIS API for JavaScript: An Introduction


Download ppt "Esri UC 2014 | Technical Workshop | ArcGIS API for JavaScript: An Introduction Kelly Hutchins Derek Swingley."

Similar presentations


Ads by Google