ArcGIS API For JavaScript 安装部署的说明——以eclipse及Tomcat环境为例

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/shaxiaozilove/article/details/51811784

本人最近开始接触ArcGIS API For JavaScript开发,在网上搜索到不少安装配置的说明,可是关于eclipse及tomcat方面的少之又少,并且根据说明费了好大劲才勉强让程序运行起来。为避免忘记,同时也为了让像我一样刚入门的新手少走弯路,现将具体的安装配置说明总结如下。


关于ArcGIS API For JavaScript(下面简称AAFJ) 的下载,网上说明很多,在此不再说明,下面进入正题。


1.  AAFJ解压后的目录及文件如 下图1 所示,由图可以发现:AAFJ的路径太深,并且有两个版本,具体区别未研究,有兴趣的可以自己研究。为了配置方便,我缩减了部分路径,同时删掉了 3.10compact,结果如下图2所示:


图1  解压后目录



图2  处理后的路径及文件


2.  将 AAFJ配置在tomcat中

 首先,将上述处理过的文件夹复制到tomcat 7.0 安装路径下的 webapps目录下,如下图所示:


图3  AAFJ复制到webapps目录下

第二步,分别修改\arcgis_api_for_js\v310目录下的 init.js  和 \js\dojo\dojo路径下的dojo.js文件,两个文件的修改方法一样:搜索 [HOSTNAME_AND_PATH_TO_JSAPI](包含中括号),将其替换为: localhost:8080/arcgis_api_for_js/v310/,localhost:8080代表本机tomcat服务的地址,arcgis_api_for_js/v310/则为AAFS的存放路径,修改后正好构成了完整的路径 /arcgis_api_for_js/v310/js/dojo/dojo,修改前后效果如图4和5所示。

 

图4  修改前


图5  修改后


第三步,在html页面中按照以下方式引用:

    <link rel="stylesheet" type="text/css" href="<strong>http://localhost:8080/arcgis_api_for_js/v310/</strong>js/dojo/dijit/themes/tundra/tundra.css" />  
    <link rel="stylesheet" type="text/css" href="<strong>http://localhost:8080/arcgis_api_for_js/v310/</strong>js/esri/css/esri.css" />  
    <script type="text/javascript" src="<strong>http://localhost:8080/arcgis_api_for_js/v310/</strong>init.js"></script> 


至此,在tomcat中配置AAFJ的工作已完成,测试的简单方法是直接将以下地址放到浏览器地址栏中,看是否能访问,如果能访问,则配置成功。最放心的测试,还是看能够出图。    http://localhost:8080/arcgis_api_for_js/v310/js/dojo/dijit/themes/tundra/tundra.css

注意:此种配置方式只有在tomcat 7.0启动后才会有效,一定要与后面讲到的eclipse中启动 server服务区分开。

3.  将AAFJ配置在eclipse中

首先,在eclipse中新建一个web项目后,将文件夹arcgis_api_for_js复制到 WebContent 下面,如下如6所示:


图6  复制到WcbContent路径下

第二步,修改init.js 和dojo.js文件,此时是将 [HOSTNAME_AND_PATH_TO_JSAPI] 修改为 localhost:8080/FirstJsProject/arcgis_api_for_js/v310/与tomcat中不同的是增加了项目名称这一节点,此时在html中的引入,同样要增加项目名称这一节点,如下代码所示:

 <link rel="stylesheet" type="text/css" href="http://localhost:8080/FirstJsProject/arcgis_api_for_js/v310/js/dojo/dijit/themes/tundra/tundra.css" />  
    <link rel="stylesheet" type="text/css" href="http://localhost:8080/FirstJsProject/arcgis_api_for_js/v310/js/esri/css/esri.css" />  
    <script type="text/javascript" src="http://localhost:8080/FirstJsProject/arcgis_api_for_js/v310/init.js"></script>  

至此,在eclipse中配置AAFJ的工作也已完成。

注意:此种方式配置,在外部启动tomcat的web服务不可以,只能在eclipse中配置Server,然后通过eclipse启动才行。

4.  两者区别

经个人实测,两种方式均可正确的配置AAFJ,区别在于:

(1)tomcat中的配置是全局的,所有的web项目均可使用;eclipse中针对单一项目配置,目的性更明确,只能用于单一的项目。

(2)要成功的显示地图,tomcat中的配置启动外部web服务即可;eclipse中配置的在开发阶段,需通过eclipse启动web服务。


以上为个人观点,如有不妥之处,请指正,谢谢。

展开阅读全文

没有更多推荐了,返回首页