Interactive webmaps with ArcGIS. Kristel Meikas, AlphaGIS

Transcription

1 Interactive webmaps with ArcGIS Kristel Meikas, AlphaGIS

2 Agenda Overview of ArcGIS tools and resources Introduction to ArcGIS APIs In depth with Flex maps In depth with JavaScript maps

3 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

4 Other resources Development tools for mobile platforms Sample servers Developer communities Forums Presentations and videos from user conferences Webinars

5 APIs for ArcGIS Web APIs - JavaScript - Flex - Silverlight Mobile SDKs - Android - ios -.NET (Windows Mobile, Windows Phone)

6 Mobile platforms and SDKs All platforms have a runtime SDK, an API and a native application Soon to be one.net SDK Android ios Windows Phone Windows Mobile Application ArcGIS for Android Application ArcGIS for ios Application ArcGIS for Windows Phone Application ArcGIS for Windows Mobile Runtime SDK Java Runtime SDK Objective C Runtime SDK Silverlight Runtime SDK.NET

7 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

8 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

9 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

10 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

11

12 Helpful resources help.adobe.com/en_us/flex/using/ help.adobe.com/en_us/as3lcr/flex_4.0/ - also available as a desktop application gis.stackexchange.com

13 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

14 Pre-made widgets and code gallery Attribute table Editing Geocoding Printing Directions Legend Draw and measure etc. More widgets from the code gallery:

15

16 ArcGIS API for JavaScript Newest version 3.7 (September 2013) Uses Dojo framework 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+

17 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

18 Supported browsers/systems Chrome Firefox Safari 3+ Internet Explorer 7-10 Portable devices: Android 2.2+ (3.x+ for pinching ) ios 3+ Blackberry 6+

19 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

20

21 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

22

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

24 Thank you! AlphaGIS facebook.com/alphagis