ArcGIS API for Javascript 应用开发入门
来源:互联网 发布:方舟史上最强优化 编辑:程序博客网 时间:2024/05/22 13:26
ArcGIS API for JavaScript (JavaScript API)是ESRI根据JavaScript技术实现的调用ArcGIS Server REST API接口的一组脚本。当前的最新版本是Version 3.8。通过ArcGIS API for JavaScript可以将ArcGIS Server提供的地图资源嵌入到Web应用中。JavaScript API是基于Dojo框架的,使用了大量的Dojo技术,因此要想熟练掌握API用法,先要对Dojo框架有个深入的了解!
一:环境介绍
(1)ArcGIS API for JavaScript 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,内容如下:
<!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>My fisrt ArcGis Map</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;
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);
</script>
</head>
<body class="tundra">
<div id="arcgisDiv" style="width:900px; height:600px; border:1px solid #000;"></div>
</body>
</html>
(6)部署运行工程,访问http://localhost:8080/ArcgisForJs/index.html ,效果如下:
- ArcGIS API for Javascript 应用开发入门
- ArcGIS API for Javascript 应用开发入门
- ArcGIS API for Javascript 应用开发入门
- ArcGIS API for Javascript 应用开发入门
- Arcgis API for Javascript入门(一)
- Arcgis API for Javascript入门(二)
- ArcGIS API for Silverlight开发入门准备
- ArcGIS API for Javascript 开发经验心得
- arcgis api for js入门开发系列十八 GP服务五 JavaScript API调用GP服务
- ArcGIS API for JavaScript
- ArcGIS API for JavaScript之创建第一个应用
- ArcGIS API For Javascript之服务端配置与应用
- 使用ArcGIS API for JavaScript创建第一个应用
- arcgis api for flex 开发入门(一)环境搭建
- arcgis api for flex 开发入门(五)查询
- ArcGIS API for Silverlight开发入门(1):Getting Started
- ArcGIS API for Silverlight开发入门(3):Widgets
- ArcGIS API for Silverlight开发入门(1):Getting Started
- 进程_控制进程的资源使用
- GCD使用(一)执行与UI有关的操作
- Java程序员面试中的多线程问题
- 51单片机学习点滴记录
- php中strstr、strrchr、substr、stristr四个函数用法区别
- ArcGIS API for Javascript 应用开发入门
- apache httpclient
- Ext 4.2 添加右键菜单
- ios Sqlite显示和分页查询
- Server Control Utility (SRVCTL) in clustered Oracle ASM environments
- 对CreateEvent创建事件的再认识
- 查询一些特定表的注释
- 选课纠结
- windows查看某个端口号被占用并结束此进程