1、在地址http://www.esri.com/apps/products/download/index.cfm?fuseaction=download.all#ArcGIS_API_for_JavaScript下载3.0API压缩包;
2、在本地解压,解压后,文件夹内主要有jsapi、jsapicompact两个文件夹,这是两个不同的模式,我们选用jsapi普通模式;
3、在myEclipse中创建一个webproject项目,名称为testWebgis;
4、将jsapi文件夹放到项目的WebRoot目录下;
5、修改三个文件,分别是init.js、dojo.js、dojo.js.uncompressed.js,搜索文件中的'[HOSTNAME_AND_PATH_TO_JSAPI]’,以本人为例,替换为'localhost:8088/testWebgis/';
6、创建测试页面aa.html,页面代码如下:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Simple Map</title>
<link rel="stylesheet" type="text/css" href="jsapi/js/dojo/dijit/themes/tundra/tundra.css">
<script type="text/javascript" src="jsapi/js/dojo/dojo/dojo.js"></script>
<script type="text/javascript" src="jsapi/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://localhost:8399/arcgis/rest//services/Untitled/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、注意js文件引用顺序。访问aa.html页面即可看到效果;
8、该方法仅仅是将api引用到某一个工程项目下,事实上可以将api单独发布到tomcat容器下,可以为其他项目提供服务引用。