本节书摘来自异步社区《JavaScript构建Web和ArcGIS Server应用实战》一书中的第2章，第2.1节,作者： 【美】Eric Pimpler（派普勒） 更多章节内容可以访问云栖社区“异步社区”公众号查看。

第2章　创建地图和添加图层

通过前一章的学习，我们已经掌握了关于HTML、CSS和JavaScript的一些基础知识。接下来我们将正式开始学习如何去创建一些很好的GIS Web应用程序。在本章中，我们将会为大家介绍关于如何创建地图并在地图上添加图层形式信息的一些基础概念。

本章中将包含如下主题。

• ArcGIS API for JavaScript 沙盒。
• 使用ArcGIS API for JavaScript创建应用程序的基本步骤。
• 更多关于地图的介绍。
• 使用地图服务图层。
• 切片地图服务图层。
• 动态地图服务图层。
• 地图导航。
• 使用地图范围。

2.1　简介

当学习一门新的编程语言或者应用程序编程接口（API）的时候，我们总要有一个起点。使用ArcGIS API for JavaScript创建Web地图应用程序亦是如此。你不仅需要理解一些基本的JavaScript概念，还需要掌握HTML、CSS，当然还包括建立在DojoJavaScript框架之上的ArcGIS API for JavaScript。这些知识一下摆在你面前确实有点多，所以在本章我将带领你创建一个为后续章节做铺垫的非常基础的应用程序。模仿是学习编程技巧的最佳方法，所以在本章中，你需要将自己看到的用代码写出来，同时我会给出一些解释说明，并在后面章节中将保存这些代码的详细描述。

为了让你对ArcGIS API for JavaScript有一个初步的了解，在本章中我们需要创建一个简单的地图应用程序，即创建一个地图，添加一些数据图层并提供一些基本的地图导航功能。

使用ArcGIS API for JavaScript创建任何Web地图应用程序都必须遵循一些基本的步骤。在本章中，因为你是第一次看到这里的每一步骤，后面的部分我们将用大篇幅来介绍它们。当你每次使用ArcGIS API for JavaScript创建一个新的应用程序时，都必须按照这些基本步骤来操作。刚开始创建一个应用程序时，你会认为这些步骤有一点陌生奇怪，但是渐渐地你会懂得它们是做什么的以及为什么它们是必需的。在后续每个应用程序中你可以将这些步骤理解成一个模板。

现在让我们开始吧！