leveraging arcgis javascript api to enhance web applications · leveraging arcgis javascript api to...

15

Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries

Upload: others

Post on 17-Oct-2019

56 views

Category:

Documents

0 download

Report

Download

Embed Size (px):

TRANSCRIPT

Page 1: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

Leveraging ArcGIS JavaScript API to Enhance Web Applications

Virginia Department of Game and Inland Fisheries

Page 2: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

Agenda

• Overview Web Mapping Options (ESRI focus) • Why Extend Templates? • Why JavaScript? • Code Editors and Cloud Based IDE’s • API Code Library and Widgets • Closer look at ArcGIS JavaScript API • Example Application

Virginia Department of Game and Inland Fisheries

Page 3: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

ArcGIS options

• ArcGIS Online • Collector App • ArcGIS JavaScript Templates • Web App Builder • ArcGIS App • ArcGIS Dashboard

Virginia Department of Game and Inland Fisheries

Page 4: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

ArcGIS options

• ArcGIS Online • Collector App • ArcGIS JavaScript Templates • Web App Builder • ArcGIS App • ArcGIS Dashboard

Virginia Department of Game and Inland Fisheries

Page 5: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

ArcGIS options

• ArcGIS Online • Collector App • ArcGIS JavaScript Templates • Web App Builder • ArcGIS App • ArcGIS Dashboard

Virginia Department of Game and Inland Fisheries

Page 6: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

ArcGIS options

• ArcGIS Online • Collector App • ArcGIS JavaScript Templates • Web App Builder (widgets) • ArcGIS App • ArcGIS Dashboard

Virginia Department of Game and Inland Fisheries

Page 7: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

ArcGIS options

• ArcGIS Online • Collector App • ArcGIS JavaScript Templates • Web App Builder • ArcGIS App (SDK) • ArcGIS Dashboard

Virginia Department of Game and Inland Fisheries

Page 8: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

ArcGIS options

• ArcGIS Online • Collector App • ArcGIS JavaScript Templates • Web App Builder • ArcGIS App • ArcGIS Dashboard

Virginia Department of Game and Inland Fisheries

Page 9: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

Extending Templates – Why?

• Templates do not suit your Agencies needs • Modification of template queries • Enhanced Symbology & Rendering • Embeding your app in existing websites • Enhancing the overall look and feel of the application

- ESRI has developed various API’s and SDK’s - Don’t need expert coders to implement additional functionality

- ESRI Support, Forums, Online API documentation

Virginia Department of Game and Inland Fisheries

Page 10: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

Why JavaScript

• Delivers a lightweight web GIS • Pervasive

– Cross-platform, cross browser, plugin-less • JS Frameworks abstract away the browser complexity

– Dojo, jQuery, YUI, EXTJS • IDE’s are getting better

– Aptana, Notepad++, Visual Studio

Virginia Department of Game and Inland Fisheries

Page 11: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

Code Editors / Cloud Based IDE’s

• Coda • Aptana • Notepad++ • Sublime Text 2 • WebStorm • Komoda • Visual Studio

– JS API Code Assist

• JS Fiddle (no web server needed)

• Maqetta

Virginia Department of Game and Inland Fisheries

Page 12: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

JS API Code Library / Widgets

API Code Library • Map Control • Support for Webmap • Layers • Graphics • GP Tasks (Pub. Services)

• Geometry • Symbology / Rendering • Queries

API Widgets • Legend • Geocoder • Directions • Bookmarks • Measurement • Popups • Print • Basemaps • Drawing tools • Identify Manager

Virginia Department of Game and Inland Fisheries

Page 13: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

ArcGIS API for JavaScript Virginia Department of Game and Inland Fisheries

https://developers.arcgis.com/javascript/

Page 14: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

DGIF Beta Web Map Virginia Department of Game and Inland Fisheries

https://fwisweb1.dgif.virginia.gov/DGIFMapping/VAFWIS.aspx

Page 15: Leveraging ArcGIS JavaScript API to Enhance Web Applications · Leveraging ArcGIS JavaScript API to Enhance Web Applications Virginia Department of Game and Inland Fisheries . Agenda

Thank you

Jay Kapalczynski GIS Coordinator

Virginia Department of Game and Inland Fisheries

[email protected]

Questions?

Virginia Department of Game and Inland Fisheries

Leveraging OGC Services in ArcGIS Server · •ESRIs perspective on interoperability (David Danko) •Leveraging OGC Services in ArcGIS Server (Ismael Chivite) •Extending OGC support

Tutorial: Using ArcGIS Server and ESRI ArcGIS API for Javascript Peter Sforza March 7, 2013

Leveraging ArcGIS in Support of Open Source Intelligence ......Leveraging ArcGIS in Support of Open Source Intelligence (OSINT) Armando Drain, Avery White and Tim Pippard. Critical

AppStudio for ArcGIS - Esri...Libraries, ArcGIS JavaScript API (Angular, jQuery) JavaScript QML JavaScript A JavaScript-based, declarative language for designing user interface-centric

ArcGIS API for JavaScript: Data Visualization › library › userconf › dev... · ArcGIS API for JavaScript: Data Visualization Author: Esri Subject: 2016 Developer Summit Europe--Presentation

Improving ROI by Leveraging ArcGIS Server for Data Analytics · Improving ROI by Leveraging ArcGIS Server for Data Analytics Subrahmanyam(Subbu) Pendyala ... 10.2, and 10.3 Websites

ArcGIS API for JavaScript - Esri · 2015 Developer Summit Europe--Presentation, 2015 Developer Summit Europe, ArcGIS API for JavaScript Tips and Tricks for Debugging Apps, Created

getting started with arcgis webapis - s3.amazonaws.com · Dojo and the ArcGIS API for JavaScript • Robust JavaScript Toolkit • Active Community • Dojo Digits -Strong widget

ArcGIS API for JavaScript: Building Native Apps using ...proceedings.esri.com/library/userconf/devsummit15/papers/...ArcGIS API for JavaScript: Building Native Apps using PhoneGap

ArcGIS API for JavaScript - Esri · • Core objects (Map, Layer) are Promises ... ArcGIS API for JavaScript: Building 3D Web Apps, 2015 Esri International Developer Summit—Presentation,

ArcGIS API for JavaScript Building Native Apps Using PhoneGap · 2016 Esri Developer Summit--Presentation, 2016 Esri Developer Summit, ArcGIS API for JavaScript Building Native Apps

What’s New in ArcGIS Server · • Enterprise ready ... – Minimize AJAX requests to the server by leveraging client-side logic ... – New JavaScript Animation library – Integrated

ArcGIS API for JavaScript: Building Mobile Web Apps · 2018 Esri European Developer Summit – Presentation, 2018 Esri European Developer Summit, ArcGIS API for JavaScript: Building

Tutorial: Using ArcGIS Server and ESRI ArcGIS API for Javascript

Getting Started with the ArcGIS API for JavaScript€¦ · ArcGIS JavaScript APIs – Why JavaScript? It’s your future ;-) • Lightweight web GIS • Pervasive • Cross-platform,

ArcGIS Web AppBuilder: JavaScript Apps Made Easy · ArcGIS Web AppBuilder: JavaScript Apps Made Easy, 2015 Esri International Developer Summit—Presentation, 2015 Esri International

Introduction to the ArcGIS API for JavaScript · ArcGIS API for JavaScript . Andy Gup – @agup . Derek Swingley – @derekswingley . Agenda • History • A Simple App • Dev Environment

getting started with arcgis webapis - EsriDojo and the ArcGIS API for JavaScript • Robust JavaScript Toolkit • Active Community • Dojo Digits -Strong widget system -Grids, charts,

ArcGIS Enterprise: Sharing Imagery - Esri€¦ · -Customized apps and extensions built upon Image Server REST API, ArcGIS Python API, ArcGIS JavaScript API, ArcGIS Runtime SDKs…

Leveraging Metadata Standards in ArcGIS for Interoperability

ArcGIS API for JavaScript: An Introduction - Esriproceedings.esri.com/library/userconf/proc15/tech-workshops/tw_894...ArcGIS API for JavaScript: An Introduction. ... ArcGIS API for

ArcGIS API for JavaScript: What's New - GitHub Pages

Leveraging 3D Across the ArcGIS Platform - Esriproceedings.esri.com/library/userconf/proc16/tech-workshops/tw... · Leveraging 3D Across the ArcGIS Platform Chris Andrews ... Large

ArcGIS Online and Portal: Developing Custom JavaScript ... · ArcGIS Online and Portal: Developing Custom JavaScript Applications, 2015 Esri International Developer Summit—Presentation,

ArcGIS API for JavaScript - kcaiug.missouri.edu

ArcGIS API for JavaScript: Client-side Mapping and Analytics€¦ · ArcGIS API for JavaScript: Client-side Mapping and Analytics, 2020 Esri Developer Summit -- Presentation Created

Building Web Application Using the ArcGIS API JavaScript

Improving ROI by Leveraging ArcGIS Server for Data Analyticsproceedings.esri.com/library/userconf/proc16/papers/539_653.pdf · Improving ROI by Leveraging ArcGIS Server for Data Analytics

Leveraging SAP HANA and ArcGIS - Esri

Introduction to Web AppBuilder for ArcGIS: JavaScript Apps Made

ArcGIS API for JavaScript: Data Visualization...Data Visualization ... 2017 Esri Developer Summit DC--Presentation, 2017 Esri Developer Summit DC, ArcGIS API for JavaScript: Data Visualization

ArcGIS JavaScript API (build a web layer-based map application with html5 and javascript)

ArcGIS API for JavaScript: Creating Custom Layers and

ArcGIS JavaScript API - Esriresources.esri.com/help/9.3/arcgisserver/apis/javascript/arcgis/... · +Graphic(in geometry : Geometry, in symbol : Symbol, in attributes : Object, in

ArcGIS API for JavaScript: An Introduction€¦ · ArcGIS API for JavaScript: An Introduction • Interactive maps • ArcGIS Online basemaps • Widgets: Geocoder, Home, Locate,