用Chrome打开ArcGIS的官方网站arcgis.com,并点击ArcGIS\ArcGIS for Developers菜单,在打开的新页面中,点击DocumentationArcGIS API for Javascript菜单,在打开的ArcGIS API for Javascrip页面中,点击Get the API,在打开的Get the API页面中,点击Download API,在下载页面中,需要登录ArcGIS帐号,才可以进入到最后的下载面页,如果没有帐号需要先注册后,再登录。
在该下载页面中,可以下载API和相关的开发文档。
1、首先下载js_apiapi下载地址: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/htmlcharset=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>