第一步:安装IIS
第二步:下载ArcGIS API for JS
以3.19版本为例:下载下来的API一共两个压缩包,SDK中包含一些Demo,如下图:
把两个压缩包分别解压,解压后如下图:
第三步:修改相关配置
把arcgis_js_v319_api文件夹中的arcgis_js_api文件夹复制到"C:\inetpub\wwwroot"中:
(1)找到"C:\inetpub\wwwroot\arcgis_js_api\library\3.19\3.19\init.js",用记事本打开,替换其中的[HOSTNAME_AND_PATH_TO_JSAPI]为localhost/arcgis_js_api/library/3.19/3.19/。
(2)找到"C:\inetpub\wwwroot\arcgis_js_api\library\3.19\3.19\dojo\dojo.js",用记事本打开,替换其中的[HOSTNAME_AND_PATH_TO_JSAPI]为localhost/arcgis_js_api/library/3.19/3.19/。
第四步:发布切片服务
打开ArcMap,文件—>共享为—>服务,打开发布服务的界面,如下图:
将服务名称设置为“测试”,根目录下创建即可,如下图:
界面左侧选择“缓存”,选择“使用缓存中的切片”,这里采用默认的5级切片,最后点击右上角的“发布”即可,如下图:
第五步:测试配置是否成功
打开VS2013,新建一个空Web工程,加入一个HTML文件,加入如下代码:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>ArcGIS API for JS部署</title>
<link rel="stylesheet" href="http://localhost/arcgis_js_api/library/3.19/3.19/dijit/themes/claro/claro.css" />
<link rel="stylesheet" href="http://localhost/arcgis_js_api/library/3.19/3.19/esri/css/esri.css" />
<style>
html, body, #mapDiv
{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
</style>
<script src="http://localhost/arcgis_js_api/library/3.19/3.19/init.js"></script>
<script>
dojo.require("esri.map");
function init()
{
var map = new esri.Map("mapDiv");
var layer = new esri.layers.ArcGISTiledMapServiceLayer("https://localhost:6443/arcgis/rest/services/测试/MapServer");
map.addLayer(layer);
}
dojo.addOnLoad(init)
</script>
</head>
<body class="tundra">
<div id="mapDiv"></div>
</body>
</html>
其中"https://localhost:6443/arcgis/rest/services/测试/MapServer"是之前发布的服务REST URL,可以在ArcGIS Server中找到:
运行程序,运行结果如下图: