Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Mastering ArcGIS Server Development with JavaScript

By : Doman

3.7 (3)

Mastering ArcGIS Server Development with JavaScript

3.7 (3)

By: Doman

Overview of this book

ESRI and its ArcGIS line of software have been an industry leader in digital map production and publication for over 30 years. ArcGIS Server lets you design, configure, and publish maps that can be viewed and edited through the Internet. After designing basic maps, you may want to find out new and innovative ways to represent information using these maps. In this book, you'll work through practical examples, experiencing the pitfalls and successes of creating desktop and mobile map applications for a web browser using the ArcGIS Server platform. The book begins by introducing you to ArcGIS Server and ESRI's JavaScript API. You'll work with your first web map and then move on to learn about ESRI's building blocks. A Dojo AMS style widget will help you create your own widgets for a map and then see how to collect geographic data. Furthermore, you will learn different techniques such as using Dojo Charts to create charts and graphs to represent your data. Then you will see how to use ESRI JavaScript API with other JavaScript libraries and different styling methods to make your map stand out. By the end of the book, you will discover how to make your application compatible with different devices and platforms and test it using testing libraries.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Your First Mapping Application

1. Your First Mapping Application

Features of the API

The ArcGIS JavaScript API community

Our first Web Map

Setting up the HTML document

Asynchronous Module Definition

Loading required modules

The map object

The layers

Adding some action

Showing the results

A note on proxies

Summary

2. Digging into the API

2. Digging into the API

Finding the ArcGIS JavaScript API documentation

Drawing a map

Layers

Graphics

Introducing geometry objects

Symbols and renderers

InfoTemplates

Toolbars

Tasks

Dijits

Summary

3. The Dojo Widget System

3. The Dojo Widget System

A brief history of the Dojo framework

Introducing dojo, dijit, and dojox

The dojoConfig packages

Defining your widget

Working with Evented modules

An overview of the _WidgetBase module

Working with other _Mixins

The event system

Creating our own widget

Summary

4. Finding Peace in REST

4. Finding Peace in REST

Looking at a map server

Working with JSON

Service levels

Map services

Feature services

Layer level

Related tables

Common JSON objects

Back to our application

Summary

5. Editing Map Data

5. Editing Map Data

The use cases for webmap editing

Map editing requirements

Feature services

Feature layer

Editing tools

Securing editing services

A new mapping application

Summary

6. Charting Your Progress

6. Charting Your Progress

Mixing graphs into our maps

Our story continues

Using dojox charting

Using Dojox Charts in popups

Using Dojo Charts in our application

Introducing D3.js

Using D3.js in our application

Summary

7. Plays Well with Others

7. Plays Well with Others

Compatibility with other libraries and frameworks

Popular libraries to play with

An overview of jQuery

Adding jQuery to your app

An overview of Backbone.js

Putting some Backbone in your app

An overview of Knockout.js

Using Knockout in our app

A brief overview of AngularJS

Making a web mapping app more Angular

Overall results with other frameworks

Summary

8. Styling Your Map

8. Styling Your Map

The inner workings of CSS

Styling tips and tricks

Troubleshooting

Dojo layout

Bootstrap

ESRI-Bootstrap

Restyling our app

Summary

9. Mobile Development

9. Mobile Development

Embracing mobile

Mobile is different

The ArcGIS compact build

ESRI Leaflet

Dojox mobile

Working with touch

Our application

Summary

10. Testing

10. Testing

Testing through code

Testing as you code

Intern testing framework

Jasmine testing framework

Our application

Summary

11. The Future of ArcGIS Development

11. The Future of ArcGIS Development

ArcGIS Online

Web AppBuilder

More Node.js

Our application

Creating a webmap

Developing against an ArcGIS Online webmap

Summary

Index

Index

Conventions

In this book, you will find a number of text styles that distinguish between different kinds of information. Here are some examples of these styles and an explanation of their meaning.

Code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles are shown as follows: "We're working with census data, let's call it census.html."

A block of code is set as follows:

<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
  <title>Census Map</title>
  <link rel="stylesheet" href="http://js.arcgis.com/3.13/esri/css/esri.css" />
  <style>
    html, body {
      border: 0;
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
    }
  </style>
  <script type="text/javascript">
    dojoConfig = {parseOnLoad: true, debug: true};
  </script>
  <script type="text/javascript" src="http://js.arcgis.com/3.13/" ></script>
</head>

New terms and important words are shown in bold. Words that you see on the screen, for example, in menus or dialog boxes, appear in the text like this: "We positioned it precisely in the top right, and left a little gap for the Census button to be centered vertically."

Note

Warnings or important notes appear in a box like this.

Tip

Tips and tricks appear like this.

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Mastering ArcGIS Server Development with JavaScript

Search

Your notes and bookmarks