ArcGIS API for JavaScript本地部署

第一步：安装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中找到：
在这里插入图片描述
运行程序，运行结果如下图：

ArcGIS API for JavaScript本地部署

猜你喜欢