• HappyGIS 正式上线啦~
    • HappyGIS 现在已经支持 Markdown 格式评论~

本地部署ArcGIS API For JavaScript(IIS)

ArcGIS jiegiser 3271次浏览 4个评论

在windows系统,我们总是将ArcGIS API For JavaScript部署在IIS中,而不是部署在Tomcat中,其实在IIS中的配置和Tomcat中的配置ArcGIS API几乎没有什么差别,在本篇文章中,主要讲解在IIS中的配置ArcGIS API。
一、部署ArcGIS API For JavaScript(IIS)
部署本地环境在IIS主要分为以下几个步骤: 
1. 下载ArcGIS API For JavaScript函数库 
2. 安装IIS软件并进行配置 
3. 修改相应的js文件(2个文件) 
4. 将修改好的函数库复制到指定位置 
5. 测试ArcGIS API For JavaScript函数库是否安装成功。
二、操作步骤
1. 下载ArcGIS API For JavaScript函数库
• ArcGIS API For JavaScript3.17版本的下载链接为:下载地址:http://pan.baidu.com/s/1gfuubgn提取密码:t5fo
本地部署ArcGIS API For JavaScript(IIS)
2.安装IIS软件并进行配置
windows系统自带了IIS,所以我们不需要另外去下载,打开windows控制面板,点击程序->打开或关闭windows功能,然后找到Internet信息服务,进行勾选,如下图所示: 
(1)程序->打开或关闭windows功能面板:
本地部署ArcGIS API For JavaScript(IIS)
(2)Internet信息服务勾选图:
本地部署ArcGIS API For JavaScript(IIS)本地部署ArcGIS API For JavaScript(IIS)
本地部署ArcGIS API For JavaScript(IIS)本地部署ArcGIS API For JavaScript(IIS)

点击确定后等待安装结束。 
(3)打开IIS管理器。 
当安装结束后,打开控制面板,点击系统与安全->管理工具->Internet 信息服务(IIS)管理器,打开IIS管理器,如图所示:
本地部署ArcGIS API For JavaScript(IIS)

本地部署ArcGIS API For JavaScript(IIS)
(4)配置IIS管理器 
1. 在硬盘的任意位置新建一个web站点文件夹(我新建的文件夹在E:\Web)
本地部署ArcGIS API For JavaScript(IIS)
2. 点击IIS管理器的默认站点的高级设置
本地部署ArcGIS API For JavaScript(IIS)04/2017041206012019.png" alt="" class="aligncenter size-full wp-image-121" />
3. 修改站点文件夹(E:\Web)的权限 
本地部署ArcGIS API For JavaScript(IIS)
4. 右键文件夹属性->安全->编辑->添加添加Everyone用户,并赋予所有权限,然后点击确定
本地部署ArcGIS API For JavaScript(IIS)本地部署ArcGIS API For JavaScript(IIS)
本地部署ArcGIS API For JavaScript(IIS)
5. 修改应用程序池 
在Internet信息服务(IIS)管理器中,点击应用程序池,找到Classic .NET AppPool,右键高级选项,将标识改为NetworkService。
本地部署ArcGIS API For JavaScript(IIS)
本地部署ArcGIS API For JavaScript(IIS)
(3)IIS配置到此完成。
1. 修改相应的js文件(2个文件)
• 任意地方解压ArcGIS API For JavaScript3.17函数库
• 进入(arcgis_js_v317_api\arcgis_js_api\library\3.17),打开install_win.html页面,找到安装教程,如图所示:
本地部署ArcGIS API For JavaScript(IIS)
• 修改 文件一(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/
• 修改文件二(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/
2. 将修改好的函数库复制到指定位置
将arcgis_js_api(注意:不是arcgis_js_v317_api文件夹)文件夹移动到站点文件夹下面(E:\Web),如图所示: 
将这个文件夹:
本地部署ArcGIS API For JavaScript(IIS)
移动到:
本地部署ArcGIS API For JavaScript(IIS)
(4)测试ArcGIS API For JavaScript函数库是否安装成功
在桌面新建一个test.html,将测试代码复制到test.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_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>

当你可以在test页面看到地图时,说明你的ArcGIS API 本地部署已经成功了。(


本地部署ArcGIS API For JavaScript(IIS)


HappyGIS 版权所有, 本站文章可随意转载, 请注明出处: 转载请注明本地部署ArcGIS API For JavaScript(IIS)
喜欢 (11)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(4)个小伙伴在吐槽
  1. 大神好厉害!
    常大神的偶像2017-04-12 18:41 回复 Windows 10 | Chrome 57.0.2987.133
  2. 常大神太厉害了
    常大神的真粉丝2017-04-12 18:52 回复 Android 7.0 | Chrome 53.0.2785.49
  3. 常大神我爱你
    常大神的粉丝2017-04-13 08:29 回复 Android 7.0 | Chrome 53.0.2785.49
  4. markdown 语法测试 我是斜体

    - 我是粗体

    php wordpress HappyGIS
    $msg "我是php代码"
    $echo $msg;
    
    
    gooin2017-04-13 09:34 回复 Windows 10 | Chrome 57.0.2987.133