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

The map object

Now that we have the components, we need to create an interactive map; let's put them together. We'll start by constructing a map object, which provides the basis and interaction platform that we'll need to work with. The map constructor takes two arguments. The first parameter, either the HTML node or the id string of a node, indicates where we want to put our map. The second parameter of the map constructor is an options object, where we add the configurable options that make our map work as expected:

function (
    Map, ArcGISDynamicMapServiceLayer,
    IdentifyParameters, IdentifyTask, InfoTemplate,
    arrayUtils
  ) {
    var map = new Map("map", {
      basemap: "national-geographic",
      center: [-95, 45],
      zoom: 3
    });
  });

In the preceding code, we're creating a map in the div element with an id of map. In the map, we're adding a basemap, or a background reference map, in the style of National Geographic. We're centering the map at 45°N and 95°W, at a zoom level of three. We'll go into greater depth concerning these configurations in later chapters. If you're using a desktop browser to view the results, you should see the United States, including Alaska, and Hawaii, as in the following image:

The map object

Tip

If you have experience working with Dojo, most element constructors have the options first, followed by the node or the id of the node. This is the reverse of how we construct a map. Remember, order is important.

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