ArcGIS API For JavaScript - 配置ArcGIS API For JavaScript3.17函数库,在内网使用ArcGIS(IIS)

一. 服务器中部署配置ArcGIS API For JavaScript3.17函数库(IIS)

  1. 下载ArcGIS API For JavaScript函数库(ArcGIS API For JavaScript3.17函数库
  2. 安装IIS软件并进行配置
  3. 修改相应的js文件(2个文件)
  4. 将修改好的函数库复制到指定位置
  5. 测试ArcGIS API For JavaScript函数库是否安装成功。

1. 下载 ArcGIS API For JavaScript3.17函数库

资源地址: https://download.csdn.net/download/Jie_1997/12838629
下载完成后,解压成功之后会发现有两个函数库。

  • 第一个文件为配置完成的函数库,可直接复制使用。
  • 第二个文件为原始(未配置)的函数库,需要配置。
    在这里插入图片描述

2. 安装 Internet 信息服务(IIS)管理器,并进行配置

2.1 打开 Windows 功能面板,进入Windows 功能面板

打开控制面板 --> 程序 --> 打开或关闭 Windows 功能,进入 Windows 功能面板
在这里插入图片描述

2.2 勾选安装 Internet 信息服务

  1. 按照下面勾选图,选中服务项,安装 在这里插入图片描述
    在这里插入图片描述
  2. 点击“确定”按钮,等待安装完成。

2.3 打开 Internet 信息服务(IIS)管理器

打开控制面板 --> 系统与安全 --> 管理工具 --> Internet 信息服务(IIS)管理器,打开进入 Internet 信息服务(IIS)管理器,如图所示:在这里插入图片描述

2.4 配置 Internet 信息服务(IIS)管理器

  1. 在硬盘中任意文件夹中,新建一个Web站点文件,(这里创建的文件夹为C:\Web
    在这里插入图片描述
  2. 点击IIS的默认站点的高级设置
    在这里插入图片描述
  3. 修改高级设置中的物理路径和应用程序池选项,物理路径修改为:C:\Web(刚刚新建的Web站点文件夹路径),应用程序池修改为:Classic .NET AppPool
    在这里插入图片描述
  4. 修改Web站点文件夹(C:\Web)的权限
    (1)进入C盘 --> 右击 Web 文件夹 --> 属性 --> 安全 --> 编辑 --> 添加 --> 输入对象名称:Everyone,点击确定。
    在这里插入图片描述
    在这里插入图片描述

在这里插入图片描述
(2)赋予Everyone所有权限,点击确定,等待设置完成。
在这里插入图片描述

2.5 修改IIS应用程序池

进入Internet信息服务(IIS)管理器 --> 点击应用程序池 --> 找到Classic .NET AppPool --> 鼠标右击 --> 高级设置 --> 将标识改为NetworkService,确定。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3. 修改相应的js文件(2个文件)

注意: 若使用第一个文件夹中配置完成的函数库,可跳过此步骤。直接将arcgis_js_api 文件放入 Web 站点文件夹中(C:\Web)。

解压ArcGIS API For JavaScript3.17函数库到计算机任意位置,修改配置文件。

  1. 点击进入ArcGIS API For JavaScript3.17函数库文件夹,找到install_win.html 文件,打开查看修改教程。文件位置:arcgis_js_v317_api\arcgis_js_api\library\3.17
    在这里插入图片描述
    在浏览器中打开install_win.html 文件,查看修改教程:
    在这里插入图片描述

  2. 修改第一个文件(init.js)。文件位置:arcgis_js_v317_api\arcgis_js_api\library\3.17\3.17\init.js
    在这里插入图片描述
    修改:[HOSTNAME_AND_PATH_TO_JSAPI]替换成localhost/arcgis_js_api/library/3.17/3.17/

  3. 修改第一个文件(dojo.js)。文件位置:arcgis_js_v317_api\arcgis_js_api\library\3.17\3.17\dojo\dojo.js
    在这里插入图片描述
    修改:[HOSTNAME_AND_PATH_TO_JSAPI]替换成localhost/arcgis_js_api/library/3.17/3.17/

4. 将修改好的函数库复制到指定位置

将 arcgis_js_v317_api 文件夹中的 arcgis_js_api 文件剪切或复制,如下图的文件夹:
在这里插入图片描述
粘贴放入 Web 站点文件夹中(C:\Web)
在这里插入图片描述

5. 测试ArcGIS API For JavaScript函数库是否安装成功

测试代码:

<!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_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
    <link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
    <script type="text/javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/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>
  1. 电脑任意位置新建一个test.html文件,将上面的测试代码复制放入test.html文件中。
    在这里插入图片描述
  2. 电脑联网状态,test.html文件在浏览器中打开,如果看到下面的地图页面,说明ArcGIS API 本地部署已经成功了。
    在这里插入图片描述

二. 服务器中修改ArcGIS Server配置

  1. 登陆进入 ArcGIS Server 管理员目录
    登陆地址:http://localhost:6080/arcgis/admin/system/handlers/rest/servicesdirectory
    注意:
    这里ArcGIS Server安装的端口号为 6080 ,ArcGIS Server管理员目录登陆地址请根据自己安装的端口号为准。
    在这里插入图片描述
    输入 Server 管理账户名和密码,进行登陆。进入下面界面:
    在这里插入图片描述

  2. 修改服务目录
    (1)点击 edit 按钮,进入修改状态:
    在这里插入图片描述
    (2)修改状态:
    在这里插入图片描述
    (3)修改服务目录来源:
    在这里插入图片描述
    上图中 1 处链接替换为:http://localhost/arcgis_js_api/library/3.17/3.17/init.js
    上图中 2 处链接替换为:http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css
    上图中 3 处链接替换为:http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css

三. 本地 ArcGIS 项目代码文件,修改引用的 init.js 文件

init.js 文件中的 localhost 换为 ArcGIS Server 服务器 IP 地址

评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值