ArcGis for javascript api 在eclipse中搭建运行环境

来源：互联网发布：建站工具源码编辑：程序博客网时间：2024/05/16 16:08

Eclipse 下，本地端配置ArcGIS For JavaScript 项目环境

配置前提：

1.jdk---1.7

2.tomcat---7.0

3.开发工具---eclipse

jdk与tomcat的环境搭建与变量配置就不多说了，网上多的是，直入主题，配置 arcgis for javascript 环境

1.下载arcgis for javascript api 压缩包，最好是3.7版本以前的，版本太久文件目录可能有变动

这里以3.9版本为示例，现以出到了4.2版本

2.在eclipse中创建动态web项目new--->dynamic web project，并在webContent目录下创建arcgis_js目录

3.解压文件，复制目录F:\arcgis_js_v39_api\arcgis_js_api\library\3.9\3.9compact下的所有文件到刚在eclipse中创建的arcgis_js目录下

4.找到arcgis_js目录下文件init.js和js目录下的dojo目录下的dojo.js文件并分别进入其中

5.利用搜索匹配功能找到[HOSTNAME_AND_PATH_TO_JSAPI]这串字符，注意包括中括号在内，使用localhost:8080/ArcgisForJs/arcgis_js/替换掉

解释：

localhost:8080本地ip

ArcgisForJs本地web项目的项目名

arcgis_js刚刚创建的目录名

修改完成后保存。

6.在webContent目录下创建index.html文件用作测试

这里直接给一个模板测试内容：

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>ArcGis </title><link rel="stylesheet" type="text/css"href="http://localhost:8080/ArcgisForJs/arcgis_js/js/dojo/dijit/themes/tundra/tundra.css" /><script type="text/javascript"src="http://localhost:8080/ArcgisForJs/arcgis_js/init.js"></script><link rel="stylesheet" type="text/css"href="http://localhost:8080/ArcgisForJs/arcgis_js/js/esri/css/esri.css" /><script type="text/javascript">     dojo.require("esri.map");     var myMap;     var myTiledMapServiceLayer;              function init() {         myMap = new esri.Map("arcgisDiv");         myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://www.arcgisonline.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer");              myMap.addLayer(myTiledMapServiceLayer);         myMap.setZoom(4);                }       dojo.addOnLoad(init);                  </script><style type="text/css">.tundra {margin: 0, auto;}</style></head><body class="tundra"><div id="arcgisDiv"style="width: 900px; height: 700px; border: 1px solid #000;"></div></body></html>

这里解释一下，为什么选用compact包，因为，3.9compact包属于完整版，也有人说是客户端版，所需要的api包含了3.9的api,

因为api包中文件数据实在惊人的多，减少文件量的考虑就只采用了compact,其实官方的说法是两个包都考进去，所做的处理都是一样的，就在上面

7.输入自己的网页地址，出现地图，成功配置显示，不明白的可以留言。

2 0