ArcGIS API for JavaScript本地部署

第一步:安装IIS
ArcGIS API for JavaScript本地部署_第1张图片
第二步:下载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,文件—>共享为—>服务,打开发布服务的界面,如下图:
ArcGIS API for JavaScript本地部署_第2张图片
将服务名称设置为“测试”,根目录下创建即可,如下图:
ArcGIS API for JavaScript本地部署_第3张图片
界面左侧选择“缓存”,选择“使用缓存中的切片”,这里采用默认的5级切片,最后点击右上角的“发布”即可,如下图:
ArcGIS API for JavaScript本地部署_第4张图片
第五步:测试配置是否成功
打开VS2013,新建一个空Web工程,加入一个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本地部署_第5张图片
运行程序,运行结果如下图:
ArcGIS API for JavaScript本地部署_第6张图片

你可能感兴趣的:(ArcGIS,API,for,JavaScript)