ArcGIS API For Javascript之离线部署

1、ArcGIS API for Javascript 介绍 

（1）Javascript介绍

Javascript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中连接多个对象，与Web客户交互作用，从而可以开发客户端的应用程序等。它是通过嵌入或调入到标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，是Java与HTML折衷的选择。

（2）Dojo介绍

Dojo是一个强大的面向对象Javascript框架。主要由三大模块组成：Core、Dijit、DojoX。其中Core提供Ajax、events、packaging、CSS-based querying、animations、JSON等相关操作API。Dijit是一个可更换皮肤，基于模板的WEB UI控件库。DojoX包括一些创新/新颖的代码和控件：DateGrid、charts、离线应用、跨浏览器矢量绘图等。

（3）REST介绍

REST（Representational State Transfer）是 Roy Fielding 博士在 2000 年他的博士论文中提出来的一种软件架构风格。REST 本身并不涉及任何新的技术，它基于 HTTP 协议，比起 SOAP 和 XML-RPC  来说它更加地简洁、高效，现在越来越多的大型网站正在使用 REST 风格来设计和实现。 

REST最突出的特点就是用 URI 来描述互联网上所有的资源，Roy Fielding 博士通过观察互联网的运作方式对其进行了抽象，他认为：设计良好的网络应用表现为一系列的虚拟“网页”，或者说这些虚拟网页就是资源状态的表现（Representational）；用户选 择这些链接导致下一个虚拟的“网页”传输到用户端展现给使用的人，而这正代表了资源状态的转发（State Transfer）。

（4）JSON介绍

使用REST API进行信息传输的时候，有必要了解下其数据传输格式，这种格式称之为JSON（Javascript Object Notation）。 

JSON是一种轻量级的数据交换格式，易于人阅读和编写。JSON能够描述四种简单的类型（字符串、数字、布尔值及null）和两种结构化类型（对象及数组）。JSON对象由一对大括号（以“{”开始，以“}”结束）包围着零个或多个Key/Value对（或者是成员）。Key是string类型的，每个Key后面跟一个冒号，把Key与Value分开，逗号则隔开紧跟在值后的另一个Key。

（5）ArcGIS API for Javascript介绍

ArcGIS API for Javascript 是由美国 Esri 公司推出，跟随ArcGIS 9.3同时发布的，是Esri基于dojo框架和REST风格实现的一套编程接口（目前最新版本为3.3，dojo1.8）。通过ArcGIS API for Javascript可以对ArcGIS for Server进行访问，并且将ArcGIS for Server提供的地图资源和其它资源（ArcGIS Online）嵌入到Web应用中。

2、ArcGIS API for Javascript开发环境搭建

2.1ArcGIS API for Javascript离线部署

（1）下载arcgis api，版本选择3.14；

（2）本地部署arcgis api。

这里以IIS服务器为例，解压后在IIS中建立应用程序，如下图。配置好API应用程序后，其路径为http://localhost/arcgis_js_api

（3）配置arcgis api。

1.配置init.js文件

打开下载api里面的init.js文件，我的目录是：C:\inetpub\wwwroot\arcgis_js_api\library\3.14\3.14\init.js，

把[HOSTNAME_AND_PATH_TO_JSAPI]替换成api在本地机器上的部署路径，注意路径无需包含http://。

我的配置如下：localhost/arcgis_js_api/library/3.14/3.14/dojo

2.配置dojo.js文件

打开下载api里面的init.js文件，我的目录是：C:\inetpub\wwwroot\arcgis_js_api\library\3.14\3.14\dojo\dojo.js，把[HOSTNAME_AND_PATH_TO_JSAPI]替换成api在本地机器上的部署路径，注意路径无需包含http://。

我的配置如下：localhost/arcgis_js_api/library/3.14/3.14/dojo

（4）最后，测试配置的api是否成功。

打开浏览器，http://localhost/arcgis_js_api/library/3.14/3.14/init.js          

 

打开浏览器，http://localhost/arcgis_js_api/library/3.14/3.14/esri/css/esri.css

 

正常显示，配置成功。