tomcat离线部署Arcgis_js_API，并在Myeclipse中调用

来源：互联网发布：js 不用sort数组排序编辑：程序博客网时间：2024/05/16 14:35

注意：本文主要是那些刚接触的webgis开发的小白，提供一个开发环境，大神请绕道，有不对的地方，请大家留言一起探讨

作为一个GISer，不可避免接触到webgis的开发，目前esri为我们提供了三种开发方式：arcgis_js_api,arcgis_silverlight_api,arcgis_flex_api，但是随着目前互联网的发展，esri建议目前主要的webgis开发方式是基于js的开发，至于为什么选js:大概主要因为所有主流的浏览器均支持JavaScript 无需安装任何插件、JavaScript是世界最常用的开发语言之一轻量级的Web开发脚本语言、纯粹的客户端语言(运行在客户端的浏览器内) 包括桌面和移动端、有各种成熟的JavaScript框架: Dojo JQuery ExtJS Prototype YUI……

我们也可以选择在线引用js_api，那样的话可能速度有点慢，所以我们建议离线部署，将JS_api部署到本地的服务器，这样会大大提高访问速度，话不多说，开始吧

开发环境：MyEclipse10+Tomcat7.0+arcgis_js_api3.9

1、首先下载js_api

api下载地址：arcgis_js_api

sdk（软件开发帮助文档）下载地址：arcgis_js_sdk

2、离线部署arcgis_js_api

解压下载的压缩包，将里面的\arcgis_js_api\library目录的所有内容全部拷贝到你的web 服务器中。比如的我的路径如下所示，

D:\Java Software\apache-tomcat-7.0.42\webapps\arcgis_js_api\library\3.9\jsapi

3、查找替换路径

我们把拷贝到webapps文件夹下的两处locahost路径替换掉，js_3.9版本的额是在如下的两处（不同的版本的路径替换路径不同）

"*\webapps\arcgis_js_api\library\3.9\jsapi\init.js"

"*\webapps\arcgis_js_api\library\3.9\jsapi\js\dojo\dojo\dojo.js" 文件中

4、替换路径

用记事本代开上面查找到的两个文件，用快捷键Ctrl+H查找[HOSTNAME_AND_PATH_TO_JSAPI]

替换为：localhost:8080/arcgis_js_api/library/3.9/jsapi/(部署在本地的话选择localhost,若不是选择你的服务器ip+tomcat端口号)

第二处也是一样，所以不在重复

5、测试部署环境

打开Myeclipse,新建web工程，在index.jsp页面中用如下的代码区覆盖即可

<%@ 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>

然后启动tomcat，访问我们刚刚新建的web工程，结果如下

好了，所有的配置都完成了，此博文只是一个简简单单的入门操作，后续想继续学习的话，可以去esri官网有很多的demo和案例参考

0 0