当前位置：首页 -> AI编程基础 -> JAVA

ArcGIS API for Javascript 应用开发入门

2014-11-24 03:26:46 · 作者: · 浏览: 1
标签: ArcGIS API for Javascript 应用开发 入门

ArcGIS API for java script （java script API）是ESRI根据java script技术实现的调用ArcGIS Server REST API接口的一组脚本。当前的最新版本是Version 3.8。通过ArcGIS API for java script可以将ArcGIS Server提供的地图资源嵌入到Web应用中。java script API是基于Dojo框架的，使用了大量的Dojo技术，因此要想熟练掌握API用法，先要对Dojo框架有个深入的了解！

一：环境介绍

（1）ArcGIS API for java script 3.7 下载地址：http://www.esri.com/apps/products/download/

（2）Eclipse 3.7 +Tomcat 7 +JDK 7

二：搭建步骤

（1）通过Eclipse 创建动态工程，如下：
\

点击Next :

\

输入Project Name:ArcgisForJs，设置Target runtime，点击Finish，工程目录如下 :

\

（2）在工程WebContent下创建文件夹 arcgis_js

（3）解压 arcgis_js_v37_api.zip ，拷贝 arcgis_js_v37_api\arcgis_js_api\library\3.7\3.7compact 下的内容到 arcgis_js 文件夹下。

（4）修改arcgis_js\init.js 和 arcgis_js\ js\dojo\dojo\dojo.js 两个文件，替换 [HOSTNAME_AND_PATH_TO_JSAPI]为 localhost:8080/ArcgisForJs/arcgis_js/ ，格式：IP:web服务器端口/工程名/创建的文件夹arcgis_js

（5）在WebContent下创建文件 index.html，内容如下：





My fisrt ArcGis Map

<script type="text/java script" src="http://localhost:8080/ArcgisForJs/arcgis_js/init.js">

<script type="text/java script">
dojo.require("esri.map");
var myMap;
function init() {
myMap = new esri.Map("arcgisDiv");
var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnlineCommunity/MapServer");
myMap.addLayer(myTiledMapServiceLayer);
myMap.setZoom(4);
}
dojo.addOnLoad(init);

（6）部署运行工程，访问http://localhost:8080/ArcgisForJs/index.html ，效果如下：

\