在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
1.
[html] view plain copy
1.
打开tomcat server,在更改之前,由于服务器在运行,需要将正在运行的服务clean掉,右击服务器,然后选择clean
然后按照以下配置,图是配置完成之后的
然后再运行indes.jsp,就成功了。