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

一、部署前的环境准备

      (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

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ArcGIS离线部署Demo</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<link rel="stylesheet" type="text/css" href="http://localhost:8888/arcgis_js_api/library/3.9/jsapi/js/dojo/dijit/themes/tundra/tundra.css">
    <link rel="stylesheet" type="text/css" href="http://localhost:8888/arcgis_js_api/library/3.9/jsapi/js/esri/css/esri.css" />
    <script type="text/javascript" src="http://localhost:8888/arcgis_js_api/library/3.9/jsapi/init.js"></script>
    <script type="text/javascript">
       // 布局小部件  
      //dojo.require("dijit.layout.BorderContainer");  
      // 面板  
      dojo.require("dijit.layout.ContentPane");  
      dojo.require("esri.map");
      function init() {
        var myMap = new esri.Map("mapDiv");
        var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer");
        myMap.addLayer(myTiledMapServiceLayer);
      }
      dojo.addOnLoad(init);
    </script>
  </head>
  
  <body class="tundra">
    <div id="mapDiv" style="width:100%; height:100%; border:1px solid #000;"></div>
  </body>
</html>
但是运行之后,地图总是无法显示,上网查了好多方法,最后在http://www.cnblogs.com/ywl925/p/3815173.html找到灵感。在Eclipse中做的Web项目默认是不支持将项目发布到Web服务器上的,会发布到工作空间的某个目录,因此无法在外部启动Tomcat来运行Web项目,只有打开Eclipse中的服务器,才能运行Web项目。所以要对Eclipse进行修改,才能将做好的项目,发布到Tomcat服务器上。
即在Eclipse中添加TOMCAT服务器

 

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


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


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



  

    


  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值