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

原创 2015年11月21日 10:15:41

一、部署前的环境准备

      (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,就成功了。



  

    


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

本文说明了在tomcat和eclipse中配置ArcGIS API For JavaScript的方法,他们分别具有全局性和针对单一项目的特性......

ArcGIS API for JavaScript开发环境搭建及第一个实例demo

ESRI公司截止到目前已经发布了最新的ArcGIS Server for JavaScript API v3.9,它提供了更为丰富而又强大的功能。            一、安装前准备       1...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

ArcGIS for JavaScript API 开发本地环境部署

1:下载文件,输入网址https://developers.arcgis.com/downloads/。可以看到如下页面。 在该页面下翻,找到Arcgis API for js.选择合适的版本下载...

ArcGIS_API for Javascript 3.9 tomcat 下部署

ArcGIS_API for Javascript 部署可以部署在IIS下,也可部署在tomcat下。我用的tomcat,在此介绍一下过程: 1.将arcgis_js_api 文件夹放置在tomca...

ArcGIS for js API 3.9

1、CSV Layer 新的CSVLayer很容易地在地图上显示来自csv文件的数据。 详细请看csv图层例子,如果csv文件和网站不在相同的域,则需要cors或代理 2、查询能力增强 在一个查询...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

ArcGIS API for Javascript离线部署 (最新版本jsapi3.9)

初学者为了学习简单,可以引用在线的JavaScript。但是如果叧能连接内网,而假如无法连接互联网或者网速较慢的情况下,使用本地部署的JavaScript是一个更佳的选择。 jsapi所以版本下...

ArcGIS API for JavaScript v3.9实现鹰眼图

Overview Map html, body { height: 100%; width: 100%; ma
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在Eclipse中搭建ArcGIS API for JavaScript 3.9 开发环境
举报原因:
原因补充:

(最多只允许输入30个字)