ArcGIS API for Javascript在tomcat下的离线部署--基于3.9版本

原创 2015年11月18日 15:06:19

ArcGIS API for Javascript在tomcat下的离线部署–基于3.9版本
操作步骤:
前提是java环境、tomcat环境都配置完成,这里就不做详细说明了;
(1)在arcgis资源网站(http://support.esrichina-bj.cn/2011/0223/960.html)下载3.9版本的js api,并解压到本地;
(2)在MyEcplise 10中新建Web Project;
(3)在web工程的WebRoot目录下新建arcgis_js_api/3.9目录;
(4)将本地解压的js api目录下…/arcgis_js_v39_api/arcgis_js_api/library/3.9/3.9compact中的所有文件都拷贝到web工程的WebRoot目录下新建arcgis_js_api/3.9文件夹下;
(5)api的注册,分为两步:

  1). 打开web工程中的WebRoot目录下arcgis_js_api/3.9/init.js文件,查找"[HOSTNAME_AND_PATH_TO_JSAPI]",并将"[HOSTNAME_AND_PATH_TO_JSAPI]js/dojo/dojo",替换成:"serverIP(你电脑的IP地址):8080(tomcat端口号)/MyMapTest(新建web project的工程名)/arcgis_js_api/3.9/js/dojo/dojo"


  2). 打开web工程中的WebRoot目录下arcgis_js_api/3.9/js/dojo/dojo/dojo.js文件,查找"[HOSTNAME_AND_PATH_TO_JSAPI]",并将"[HOSTNAME_AND_PATH_TO_JSAPI]js/dojo/dojo",替换成:"serverIP(你电脑的IP地址):8080(tomcat端口号)/MyMapTest(新建web project的工程名)/arcgis_js_api/3.9/js/dojo/dojo"

(6)编写测试demo,在web工程的WebRoot目录下新建index.html文件,编写一个显示地图的例子,其代码如下:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Simple Map</title>
    <link rel="stylesheet" type="text/css" href="http://192.168.1.108:8080/MyMapTest/arcgis_js_api/3.9/js/dojo/dijit/themes/tundra/tundra.css" />
    <link rel="stylesheet" type="text/css" href="http://192.168.1.108:8080/MyMapTest/arcgis_js_api/3.9/js/esri/css/esri.css" />
    <script type="text/javascript" src="http://192.168.1.108:8080/MyMapTest/arcgis_js_api/3.9/init.js"></script>
    <script type="text/javascript">
      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/NGS_Topo_US_2D/MapServer");
        myMap.addLayer(myTiledMapServiceLayer);
      }
      dojo.addOnLoad(init);
    </script>
  </head>
  <body class="tundra">
    <div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>
  </body>

</html>

(7)测试,在浏览器中输入:http://192.168.0.1(IP地址):8080(tomcat端口号)/MyMapTest(工程名)/index.html
若显示出地图,则说明部署成功。
成功显示地图截图

相关文章推荐

Delphi7高级应用开发随书源码

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

1.ArcGIS API for JavaScript3.14本地部署(tomcat)

ArcGIS API for JavaScript3.14本地部署(tomcat)1.ArcGIS API for JavaScript下载地址: https://developers.arcgis...

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

一、部署前的环境准备       (1)在部署开发环境之前,需要安装jdk,这个就不多说了,网上教程一大堆,就这里就贴一下自己的配置的环境变量,我的电脑是64位的,但是出于ArcGIS Engine的...

ArcGIS api for JavaScript 4.3 学习笔记(0)本地Tomcat部署arcgis_js_api

Apache的配置官方是有教程的,在下载下来的API文件arcgis_js_api\downloads\install-linux.html里面,如果看了那个下面的内容都不用看了,只是翻译了过来而已。...

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

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

(零)ArcGIS API For JavaScript3.17本地部署(Tomcat)

引言 部署ArcGIS API For JavaScriptTomcat 下载ArcGIS API For JavaScript函数库和Tomcat软件 安装Tomcat 修改2个js文件 将修改好的...

部署ArcGIS JS API 离线包(Tomcat与IIS)

ArcGIS Javascript API 在国内访问一直非常缓慢,Ersi也没有部署国内CDN的意思,但是它提供了离线安装包。安装过程其实挺简单的,就是有些繁琐, Tomcat的部署不太清晰。主要为...

ArcGIS Javascript API离线部署

经常涉及到ArcGIS Javascript API新版本的离线部署,在这里mark一下,以方便自己后面的操作,以及遇到的一些问题。其实整个步骤在安装文档里面都有的,我只是翻译一下。下载ArcGIS ...
  • GEO_WSS
  • GEO_WSS
  • 2017年01月24日 10:16
  • 1990

Delphi7高级应用开发随书源码

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

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

Overview Map html, body { height: 100%; width: 100%; ma
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ArcGIS API for Javascript在tomcat下的离线部署--基于3.9版本
举报原因:
原因补充:

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