图解ArcGIS API for JavaScript开发环境搭建

 时间:2024-10-13 13:39:31

ESRI公司截止到目前已经发布了最新的ArcGIS Server for JavaScript API v3.9,它提供了更为丰富而又强大的功能。本篇经验向大家介绍其本地部署及简单的第一个地图应用程序demo。

下载安装文件

1、ArcGIS Server for JavaScript API各版本下载地址:http://support.esrichina-bj.cn/2011/0223/960.html,我们选择下载最新的“ArcGIS API for JavaScript 3.9:Library | SDK”,如下图所示:

图解ArcGIS API for JavaScript开发环境搭建

2、下载到本地的文件如下图所示:

图解ArcGIS API for JavaScript开发环境搭建

3、解压上面2个zip压缩包到本地文件夹,如下图所示:

图解ArcGIS API for JavaScript开发环境搭建

4、确保本地已经安装了IIS,如果没有的话,请参考以下地址进行配置:http://jingyan.baidu.com/article/8275fc8694360146a03cf6c3.html

本地部署

1、打开C:\Inetpub\wwwroot,进入此文件夹。

2、将arcgis_js_v39_sdk文件夹直接拷贝到C:\Inetpub\wwwroot下,变成C:\Inetpub\wwwroot\ arcgis_js_v39_sdk,如下图所示:

图解ArcGIS API for JavaScript开发环境搭建

3、将arcgis_js_v39_api\arcgis_js_api目录下的library文件夹拷贝到C:\inetpub\wwwroot\arcgis_js_v39_sdk\arcgis_js_api下,变成C:\inetpub\wwwroot\arcgis_js_v39_sdk\arcgis_js_api\library,如下图所示:

图解ArcGIS API for JavaScript开发环境搭建

4、打开IIS,如下图所示,浏览install.htm,如下图所示,说明初步部署成功:

图解ArcGIS API for JavaScript开发环境搭建图解ArcGIS API for JavaScript开发环境搭建

5、找到C:\inetpub\ww嘛术铹砾wroot\arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9\init.js文件,利用记事本或EditPlus打开;Ctrl+F组合键查找[HOSTNAME_AND_PATH_TO_JSAPI],并替换为<myserver>/ arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/,其中<myserver>为机器名称或者机器IP,注意没有http前缀。可以是localhost或者192.168.11.195,这里我使用的是localhost。

图解ArcGIS API for JavaScript开发环境搭建图解ArcGIS API for JavaScript开发环境搭建

6、找到C:\inetpub\ww嘛术铹砾wroot\arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9\js\颊俄岿髭dojo\dojo\dojo.js文件,利用记事本或者EditPlus打开,Ctrl+F组合键查找[HOSTNAME_AND_PATH_TO_JSAPI],并替换为<myserver>/ arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/,其中<myserver>为机器名称或者机器IP,没有http前缀。可以是localhost或者192.168.11.195,这里我使用的是localhost。

图解ArcGIS API for JavaScript开发环境搭建图解ArcGIS API for JavaScript开发环境搭建图解ArcGIS API for JavaScript开发环境搭建

7、如下图所示,找到3.9compact文件夹,接下来8)、9)步骤的操作和5)、6)完全相同,只是8)、9)操作针对3.9compact文件夹,而5)、6)操作针对3.9文件夹。

图解ArcGIS API for JavaScript开发环境搭建

8、找到C:\inetpub\ww嘛术铹砾wroot\arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9comp锾攒揉敫act\init.js文件,利用记事本或者EditPlus打开,Ctrl+F组合键查找[HOSTNAME_AND_PATH_TO_JSAPI],并替换为<myserver>/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9compact/,其中<myserver>为机器名称或者机器IP,注意没有http前缀。可以是localhost或者192.168.11.195,这里我使用的是localhost。

图解ArcGIS API for JavaScript开发环境搭建图解ArcGIS API for JavaScript开发环境搭建

9、找到C:\inetpub\ww嘛术铹砾wroot\arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9comp锾攒揉敫act\js\dojo\dojo\dojo.js文件,利用记事本或者EditPlus打开,Ctrl+F组合键查找[HOSTNAME_AND_PATH_TO_JSAPI],并替换为<myserver>/ arcgis_js_v39_sdk/arcgis_js_api/library/3.9/ 3.9compact/,其中<myserver>为机器名称或者机器IP,没有http前缀。可以是localhost或者192.168.11.195,这里我使用的是localhost。

图解ArcGIS API for JavaScript开发环境搭建图解ArcGIS API for JavaScript开发环境搭建

10、经过上面9个步骤,完成对ArcGIS API for JavaScript的本地部署。

实例实践

1、打开VS2012,新建一个空白Web项目,添加一个index.html文件,这里使用的css和js文件都是前面步骤中配置好的本地服务器上的路径,如下图所示:

图解ArcGIS API for JavaScript开发环境搭建

2、运行index.html页面,如下图所示:

图解ArcGIS API for JavaScript开发环境搭建
  • python如何实现两台电脑的通信
  • 图解ArcGIS Desktop中连接SQL Server和Oracle
  • 如何在网络中浏览IIS目录下的网页文件
  • Oracle 11g 发行版2安装详解
  • ArcGIS Server 10.3.1 (Windows版本)系统要求
  • 热门搜索
    云南自驾旅游攻略 长沙医学院怎么样 减肥贴 电吉他谱怎么看 中山陵简介 仙剑奇侠传攻略 闻一多简介 妈的用英语怎么说 南京航空航天大学金城学院怎么样 姜姒虐渣攻略