Book Image

Building Web and Mobile ArcGIS Server Applications with JavaScript ??? Second Edition - Second Edition

By : Eric Pimpler, Mark Lewin
Book Image

Building Web and Mobile ArcGIS Server Applications with JavaScript ??? Second Edition - Second Edition

By: Eric Pimpler, Mark Lewin

Overview of this book

The ArcGIS API for JavaScript enables you to quickly build web and mobile mapping applications that include sophisticated GIS capabilities, yet are easy and intuitive for the user. Aimed at both new and experienced web developers, this practical guide gives you everything you need to get started with the API. After a brief introduction to HTML/CSS/JavaScript, you'll embed maps in a web page, add the tiled, dynamic, and streaming data layers that your users will interact with, and mark up the map with graphics. You will learn how to quickly incorporate a broad range of useful user interface elements and GIS functionality to your application with minimal effort using prebuilt widgets. As the book progresses, you will discover and use the task framework to query layers with spatial and attribute criteria, search for and identify features on the map, geocode addresses, perform network analysis and routing, and add custom geoprocessing operations. Along the way, we cover exciting new features such as the client-side geometry engine, learn how to integrate content from ArcGIS.com, and use your new skills to build mobile web mapping applications. We conclude with a look at version 4 of the ArcGIS API for JavaScript (which is being developed in parallel with version 3.x) and what it means for you as a developer.

Related Content you might be interested in

Current Title:

Small book image
Building Web and Mobile ArcGIS Server Applications with JavaScript ??? Second Edition - Second Edition
Eric Pimpler | Mark Lewin
Oct, 2017 | 324 pages
Small book image
Mastering ArcGIS Enterprise Administration
Chad Cooper
Oct, 2017 | 382 pages
Small book image
ArcPy and ArcGIS
Silas Toms | Dara OBeirne
Jun, 2017 | 272 pages
Small book image
Spatial Analytics with ArcGIS
Eric Pimpler
Apr, 2017 | 290 pages
Table of Contents (21 chapters)
Title Page
Title Page
Credits
Credits
About the Authors
About the Authors
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Customer Feedback
Customer Feedback
Preface
Preface
Free Chapter
1
Introduction to HTML, CSS, and JavaScript
Introduction to HTML, CSS, and JavaScript
Basic HTML page concepts
JavaScript fundamentals
Basic CSS principles
Separating HTML, CSS, and JavaScript
Summary
2
Creating Maps and Adding Layers
Creating Maps and Adding Layers
The ArcGIS API for JavaScript Sandbox
Basic steps for creating an application with the ArcGIS API for JavaScript
More about the map
Working with map service layers
Map events
Summary
3
Adding Graphics to the Map
Adding Graphics to the Map
The four parts of a Graphic
Specifying graphic geometry
Symbolizing graphics
Assigning attributes to graphics
Changing graphic attributes in an InfoTemplate
Creating the graphic
Adding graphics to the GraphicsLayer
Practice time
Summary
4
The Feature Layer
The Feature Layer
Creating the FeatureLayer
Defining the display mode
Setting a definition expression
Feature selection
Rendering FeatureLayer
Practice time
Summary
5
Using Widgets and Toolbars
Using Widgets and Toolbars
Adding toolbars to an application
User interface widgets
Feature editing
Summary
6
Performing Spatial and Attribute Queries
Performing Spatial and Attribute Queries
Introducing tasks in ArcGIS Server
Overview of attribute and spatial queries
The Query object
Executing the query with QueryTask
Practice time with spatial queries
Summary
7
Identifying and Finding Features
Identifying and Finding Features
Using IdentifyTask to access feature attributes
Using FindTask to access feature attributes
Summary
8
Turning Addresses into Points and Points into Addresses
Turning Addresses into Points and Points into Addresses
Introduction to geocoding
Geocoding with a locator service in the ArcGIS API for JavaScript
The geocoding process
The reverse geocoding process
Practice time with the locator service
The Search widget
Summary
9
Directions and Routing
Directions and Routing
Routing task
Practice time with routing
The Directions widget
ClosestFacility Task
ServiceArea task
Summary
10
Geoprocessing Tasks
Geoprocessing Tasks
Models in ArcGIS Server
Using the Geoprocessor task - what you need to know
Understanding the services page for a geoprocessing task
The Geoprocessor task
Executing the task
Practice time with geoprocessing tasks
Summary
11
Geometry Operations
Geometry Operations
The Geometry Service
The Geometry Engine
Practice time with the Geometry Engine
Summary
12
Integration with ArcGIS Online
Integration with ArcGIS Online
Adding ArcGIS Online maps to your applications by using a webmap ID
Adding ArcGIS Online maps to your applications with JSON
Practice time with ArcGIS Online
Summary
13
Creating Mobile Applications
Creating Mobile Applications
Compact build of the API
Integrating the geolocation API
Summary
14
Looking Ahead - Version 4 of the ArcGIS API for JavaScript
Looking Ahead - Version 4 of the ArcGIS API for JavaScript
Steps for creating 2D maps
New and changed layers
3D mapping and symbology
Summary

Adding ArcGIS Online maps to your applications by using a webmap ID

The ArcGIS Server API for JavaScript includes a couple of utility methods for working with maps from ArcGIS Online. Both methods are found in the esri/arcgis/utils module, usually aliased as arcgisUtils.

To create a map from an ArcGIS Online resource, you use the arcgisUtils.createMap() method. Before you can call createMap(), you need to tell the ArcGIS API for JavaScript which ArcGIS Online map you want to use in your application.

Every map in ArcGIS Online has a unique ID. This unique ID, called webmap, is vital information if you want to use that map in your ArcGIS API for JavaScript applications. To get the webmap ID for a map, just open the map in ArcGIS Online. The URL in the browser's address bar will contain the webmap ID for the map. You'll see how to access this ID in the practice for this chapter.

Once you have obtained the webmap ID for the ArcGIS Online map that you'd like to integrate into your custom JavaScript...

Previous Section
End of Section 2
Next Section