Interactive webmaps with ArcGIS - Envirotech

Interactive webmaps with ArcGIS Kristel Meikas, AlphaGIS

Agenda •

Overview of ArcGIS tools and resources

•

Introduction to ArcGIS APIs

•

In depth with Flex maps

•

In depth with JavaScript maps

ArcGIS Server •

Publish map data for viewing and editing -

•

E.g. cached or dynamic map services, feature services

Publish tools -

E.g. geometry, geoprocessing, geocoding, network analysis

services •

Use via REST or SOAP API

•

Server side development

Other resources •

Development tools for mobile platforms

•

Sample servers

•

Developer communities

•

Forums

•

Presentations and videos from user conferences

•

Webinars

APIs for ArcGIS •

Web APIs -

•

JavaScript Flex Silverlight

Mobile SDKs -

Android iOS .NET (Windows Mobile, Windows Phone)

Mobile platforms and SDKs All platforms have a runtime SDK, an API and a native application Soon to be one .NET SDK Android

Windows Mobile

Windows Phone

iOS

Application

Application

Application

Application

•

•

•

•

ArcGIS for Android

ArcGIS for iOS

ArcGIS for Windows Phone

ArcGIS for Windows Mobile

Runtime SDK

Runtime SDK

Runtime SDK

Runtime SDK

•

•

•

•

Java

Objective C

Silverlight

.NET

ArcGIS API for Silverlight Newest version – 3.1 (January 2013) • Works on Chrome 4+, Firefox 3.5+, IE 7-9, Safari 3+ -

Requires Microsoft Silverlight 4 browser plugin

• ArcGIS Viewer for Silverlight • Development tools: Expression Blend 4 or Visual Studio 2010 with Silverlight 4 Tools and Expression Blend SDK

http://resources.arcgis.com/en/communities/silverlight-api/

ArcGIS API for Flex Newest version – 3.5 (September 2013) • Uses Flex SDK 4.6 or later • Works on Chrome 4+, Firefox 3.5+, IE 7-9, Safari 3+ -

Requires Adobe Flash Player 11.1 browser plugin

• Localized to over 20 languages, including Latvian • ArcGIS Viewer for Flex -

Application Builder

http://links.esri.com/flex

Strengths and uses of the API • Usable on most desktop operating systems, but not on portable devices • Interactive maps • Maps from ArcGIS Server and ArcGIS Online • Pre-made components and widgets • Lots of samples, tutorials

Development and deployment • Development tools (IDE) -

Adobe Flash Builder 4.6 or later Adobe Flash Player 11.1 Debugger

• Web server for publishing -

IIS Apache

Helpful resources •

help.adobe.com/en_US/flex/using/

•

help.adobe.com/en_US/AS3LCR/Flex_4.0/

•

www.adobe.com/devnet/flex/tourdeflex.html -

•

also available as a desktop application

gis.stackexchange.com

ArcGIS Viewer for Flex Newest version – 3.5 (September 2013) • Ready to deploy out of the box • Easy setup with Application Builder -

Also configurable via XML

• Functionality divided in modules (widgets) • Doesn’t require programming • Localized to 23 languages, including Latvian

http://links.esri.com/flexviewer

Pre-made widgets and code gallery • • • • • • •

Attribute table Editing Geocoding Printing Directions Legend Draw and measure etc. • More widgets from the code gallery: http://links.esri.com/flexviewer

ArcGIS API for JavaScript Newest version – 3.7 (September 2013) • • • •

Uses Dojo framework 1.9.1 Supports HTML5 and CSS3 Localized to over 20 languages, including Latvian API availability -

Content Delivery Network – use from central server Download and run from local server

• Compact version for mobile devices -

Android 2.2+, iOS 3+, Blackberry 6+

http://links.esri.com/javascript

Strengths and uses of the API • Usable on most operating systems and portable devices • Interactive maps • Maps from ArcGIS Server and ArcGIS Online • Pre-made components and widgets • Lots of samples, tutorials

Supported browsers/systems Chrome

Firefox Safari 3+ Internet Explorer 7-10 Portable devices: • Android 2.2+ (3.x+ for „pinching“) • iOS 3+ • Blackberry 6+

Development and deployment • Development tools (IDE) -

Favourite text editor Visual Studio Aptana Studio

• Tools -

Code assist plugin -

-

Visual Studio 2010 or 2012 RC Aptana Studio 3

Debugging tools in browsers

• Web server for testing and publishing -

IIS Apache

Helpful resources •

esriurl.com/js -

developers.arcgis.com/en/javascript

-

developers.arcgis.com/en/javascript/sandbox/sandbox.html

•

dojotoolkit.org

• •

jsfiddle.net gis.stackexchange.com

•

caniuse.com

Pre-made widgets • • • • • • • •

Geocoding Route planning and directions Printing User management Legend / scalebar Measuring Basemap selection More widgets: esriurl.com/jswidgets

Thank you!

AlphaGIS e-mail: [email protected] http://www.alphagis.ee facebook.com/AlphaGIS