在Eclipse中搭建ArcGIS API for JavaScript 开发环境

来源：互联网发布：编程用什么cpu 编辑：程序博客网时间：2024/05/22 03:05

在Eclipse中搭建ArcGIS API for JavaScript 开发环境

一、部署前的环境准备

（1）在部署开发环境之前，需要安装jdk，这个就不多说了，网上教程一大堆，就这里就贴一下自己的配置的环境变量，我的电脑是64位的，但是出于ArcGIS Engine的开发考虑，我的所有的配置都是32位的反正32位的在64位系统运行是毫无问题的，避免了一些麻烦。下面是我的环境变量设置，Java版本8.0,。

JAVA_HOME：D:\Program Files (x86)\Java\jdk1.8.0_65

JRE_HOME：D:\Program Files (x86)\Java\jre1.8.0_65

PATH：%JRE_HOME%\bin

CLASSPATH：%JAVA_HOME%\lib\tools.jar

（2）部署说明

ArcGIS API for JavaScript + Web Server(Tomcat8.0)+JDK 8.0+Eclipse(aptana可选择安装)

二、部署前的软件准备

（1）Eclipse：Version: Mars.1 Release (4.5.1)，32位，官网下载最新的即可。下载链接：http://www.eclipse.org/downloads/

（2）Tomcat8.0，原来下载的9.0，但是不知道为什么Eclipse中不支持，最多支持到8.0，下载链接：http://tomcat.apache.org/

（3）ArcGIS API for JavaScript 3.9，下载链接：http://support.esrichina.com.cn/2011/0223/960.html

（4）基于Eclipse的aptana插件，也可以选择单独软件安装。下载链接：http://www.aptana.com/

三、部署步骤

要实现

1、Eclipse的安装就不说了，下载之后，解压就可以用了。

2、Tomcat

（1）下载Tomcat8.0，32位

（2）解压到本地

（3）拷贝到d盘路径下D:\Program Files (x86)\apache-tomcat-8.0.28

（4）增加系统变量

CATALINA_HOME： D:\Program Files (x86)\apache-tomcat-8.0.28（刚开始没有添加这个，只添加了TOMCAT,服务器无法启动，添加之后问题解决）

TOMCAT_HOME： D:\Program Files (x86)\apache-tomcat-8.0.28

CLASSPAHT：%TOMCAT_HOME%\lib\servlet-api.jar

PATH：%TOMCAT_HOME%\bin

（5）用命令提示符验证运行，显示成功，还有一张图片没贴出，

（6）在浏览器中输入http://localhost:8080或者http://127.0.1.1:8080后，出现如下网页，证明配置成功。

http://localhost:8080

或者

http://127.0.1.1:8080

后

2、TOMCAT中离线部署ArcGIS API for JavaScript

（1）下载ArcGIS API for JavaScript3.9并解压

（2）解压下载的压缩包，将里面的\arcgis_js_api\library目录的所有内容全部拷贝到你的web服务器中。

我的路径为：D:\Program Files (x86)\apache-tomcat-8.0.28\webapps\arcgis_js_api\library

（3）查找以下路径中两个文件中的[HOSTNAME_AND_PATH_TO_JSAPI]，利用查找功能。

在路径D:\Program Files (x86)\apache-tomcat-8.0.28\webapps\arcgis_js_api\library\3.9\3.9，找到init.js文件，

在路径D:\Program Files (x86)\apache-tomcat-8.0.28\webapps\arcgis_js_api\library\3.9\3.9\js\dojo\dojo，找到dojo.js文件

将找到的[HOSTNAME_AND_PATH_TO_JSAPI]，连带中括号，一起替换为localhost:8080/arcgis_js_api/library/3.9/3.9

（4）这个时候，可以利用eclipse建立一个实例，

通过Eclipse新建一个动态工程，代码如下，代码来源：http://m.blog.csdn.NET/blog/u011776918/40918273

[html] view plain copy

1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

3. <html>

4. <head>

5. <title>ArcGIS离线部署Demo</title>

6. <meta http-equiv="pragma" content="no-cache">

7. <meta http-equiv="cache-control" content="no-cache">

8. <meta http-equiv="expires" content="0">

9. <link rel="stylesheet" type="text/css" href="http://localhost:8888/arcgis_js_api/library/3.9/jsapi/js/dojo/dijit/themes/tundra/tundra.css">

10. <link rel="stylesheet" type="text/css" href="http://localhost:8888/arcgis_js_api/library/3.9/jsapi/js/esri/css/esri.css" />

11. <script type="text/javascript" src="http://localhost:8888/arcgis_js_api/library/3.9/jsapi/init.js"></script>

12. <script type="text/javascript">

13. // 布局小部件

14. //dojo.require("dijit.layout.BorderContainer");

15. // 面板

16. dojo.require("dijit.layout.ContentPane");

17. dojo.require("esri.map");

18. function init() {

19. var myMap = new esri.Map("mapDiv");

20. var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer");

21. myMap.addLayer(myTiledMapServiceLayer);

22. }

23. dojo.addOnLoad(init);

24. </script>

25. </head>

26.

27. <body class="tundra">

28. <div id="mapDiv" style="width:100%; height:100%; border:1px solid #000;"></div>

29. </body>

30. </html>

[html] view plain copy

1. 但是运行之后，地图总是无法显示，上网查了好多方法，最后在http://www.cnblogs.com/ywl925/p/3815173.html找到灵感。在Eclipse中做的Web项目默认是不支持将项目发布到Web服务器上的，会发布到工作空间的某个目录，因此无法在外部启动Tomcat来运行Web项目，只有打开Eclipse中的服务器，才能运行Web项目。所以要对Eclipse进行修改，才能将做好的项目，发布到Tomcat服务器上。

[html] view plain copy

1. 即在Eclipse中添加TOMCAT服务器

[html] view plain copy

打开tomcat server，在更改之前，由于服务器在运行，需要将正在运行的服务clean掉，右击服务器，然后选择clean

然后按照以下配置，图是配置完成之后的

然后再运行indes.jsp,就成功了。

阅读全文

2 0