ArcGIS 10.2 JavaScript API本地部署离线开发环境

最新推荐文章于 2024-07-07 10:09:36 发布

原创最新推荐文章于 2024-07-07 10:09:36 发布 · 2.4k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

ArcGIS 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了如何在本地部署ArcGIS JavaScript API进行离线开发，包括获取API、配置普通版和简化版，以及设置ArcGis Javascript浏览。通过修改init.js和dojo.js文件的路径，以及ArcGIS Server的rest-config.properties文件，成功配置本地开发环境。

ArcGIS JavaScript API本地部署离线开发环境

1 获取ArcGIS JavaScript API

API的下载地址http://support.esrichina.com.cn/2011/0223/960.html，在下载页面会看到api和sdk的下载链接，api是我们开发需要的库，sdk是说明文档和例子，点击下载api的最新版3.2。

2 本地部署API

打开API包中的arcgis_js_api/library/install.htm安装说明，本文依据此英文说明而来。

解压后在IIS中建立应用程序，如下图。配置好API应用程序后，其路径为http://192.168.1.58/arcgis_js_api

ARCGIS JavaScript API包括普通版和简化版，简化版移除了Dojo Digit依赖和非必须的ArcGIS JSAPI类。

配置普通版：

打开arcgis_js_api\library\3.2\jsapi\init.js，把[HOSTNAME_AND_PATH_TO_JSAPI]替换成api在本地机器上的部署路径。这里是192.168.1.58/arcgis_js_api/library/3.2/jsapi/，注意路径无需包含http://。

打开C:\arcgis_js_api\library\3.2\jsapi\js\dojo\dojo\dojo.js，把[HOSTNAME_AND_PATH_TO_JSAPI]替换成api在本地机器上的部署路径。这里是192.168.1.58/arcgis_js_api/library/3.2/jsapi/，注意路径无需包含http://。

配置简化版(如果不使用简化版开发，可以不配置)：

打开C:\arcgis_js_api\library\3.2\jsapicompact\init.js，把[HOSTNAME_AND_PATH_TO_JSAPI]替换成api在本地机器上的部署路径。这里是192.168.1.58/arcgis_js_api/library/3.2/jsapicompact/，注意路径无需包含http://。

用文本编辑器打开C:\arcgis_js_api\library\3.2\jsapicompact\js\dojo\dojo\dojo.js，把[HOSTNAME_AND_PATH_TO_JSAPI]替换成api在本地机器上的部署路径。这里是192.168.1.58/arcgis_js_api/library/3.2/jsapicompact/，注意路径无需包含http://。

到此为止，开发库已经配置完成。下面将配置ArcGis Javascript浏览

配置ArcGis Javascript浏览

根据安装说明，打开 Desktop安装目录\ArcGIS\DeveloperKit10.1\Help\REST\index.html，找到“Configuring the REST API” 节，参照说明，在Arcgis Server安装目录下找到rest-config.properties文件，打开修改JS API URLS，其原值为：

jsapi.arcgis=http://serverapi.arcgisonline.com/jsapi/arcgis?v=2.6
jsapi.arcgis.sdk=http://resources.esri.com/arcgisserver/apis/javascript/arcgis
jsapi.arcgis.css=http://serverapi.arcgisonline.com/jsapi/arcgis/2.6/js/dojo/dijit/themes/tundra/tundra.css

将arcgis和arcgis.css的地址修改为我们配置的API地址，修改后的值为：

jsapi.arcgis=http://192.168.1.58/arcgis_js_api/library/3.2/jsapi/arcgis/?v=2.6
jsapi.arcgis.sdk=http://help.arcgis.com/en/webapi/javascript/arcgis/
jsapi.arcgis.css=http://192.168.1.58/arcgis_js_api/library/3.2/jsapi/arcgis/2.6/js/dojo/dijit/themes/tundra/tundra.css

修改完成后，访问示例地图服务http://localhost:6080/arcgis/rest/services/SampleWorldCities/MapServer，点击“ArcGIS JavaScript”，即可在浏览器中浏览示例地图

转自另一博客

以ArcGIS JSAPI 3.9为例，下载地址：http://support.esrichina.com.cn/2011/0223/960.html

1、将arcgis_js_v39_api复制粘贴到C:\inetpub\wwwroot

2、用记事本打开C:\Inetpub\wwwroot\arcgis_js_v39_api\arcgis_js_api\library\3.9\3.9\init.js，

替换[HOSTNAME_AND_PATH_TO_JSAPI]为localhost/arcgis_js_v39_api/arcgis_js_api/library/3.9/3.9/

3、用记事本打开C:\Inetpub\wwwroot\arcgis_js_v39_api\arcgis_js_api\library\3.9\3.9\js\dojo\dojo\dojo.js，

替换[HOSTNAME_AND_PATH_TO_JSAPI]为localhost/arcgis_js_v39_api/arcgis_js_api/library/3.9/3.9/

4、测试安装结果。新建一个html文件，将下面代码输入，浏览网页

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Simple Map</title>
<link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_v39_api/arcgis_js_api/library/3.9/3.9/js/dojo/dijit/themes/tundra/tundra.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_v39_api/arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css" />
<script type="text/javascript" src="http://localhost/arcgis_js_v39_api/arcgis_js_api/library/3.9/3.9/init.js"></script>
<script type="text/javascript">
dojo.require("esri.map");
function init() {
var myMap = new esri.Map("mapDiv");
//note that if you do not have public Internet access then you will need to point this url to your own locally accessible cached service.
var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/NGS_Topo_US_2D/MapServer");
myMap.addLayer(myTiledMapServiceLayer);
}
dojo.addOnLoad(init);
</script>
</head>
<body class="tundra">
<div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>
</body>
</html>