第一篇 创建与安装ArcGIS Javascript API服务
JavaScript API是ArcGIS Server 9.3新增的一套API框架，为创建WebGIS应用提供了轻量级的解决方案，在客户端可以轻松地利用JavaScript API来调用ArcGIS Server所提供的服务，实现地图应用和地理处理功能。
开发人员在使用Javascript API进行开发时，只需编写客户端的代码，不需要编写服务器端代码。JavaScript API是纯粹的客户端操作，它基于Dojo库，并用面向对象的方式对其提供的功能进行了重新封装。
要使用ArcGIS Javascript API进行开发，有两种方法，一种方法是使用arcgisonline提供的在线脚本服务。其二是使用Javascript API离线版本创建自己的ArcGIS Javascript API服务。
首先介绍第一种方法。第一种方法较为简单，直接利用在线的脚本服务。如果你的开发环境与运行环境，Web服务器都能直接与外网连通，那么可以使用方法一进行开发。方法一不需要创建自己的ArcGIS Javascript API服务。其使用方法如下：
1.使用Dojo提供的样式表
<style type="text/css">@import "http://serverapi.arcgisonline.com/jsapi/arcgis/1/js/dojo/dijit/themes/tundra/tundra.css";</style>
2.引用脚本文件
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1"> </script>
|
|
方法二较方法一复杂，先要获取框架的离线版本。在ESRI的官方网站上，没有找到离线版本的下载地址，你可以从附件中获取离线版本。获取离线版本以后，按照以下的步骤进行设置。
-
在你的Web应用程序根目录中创建目录jsapi文件夹, 对于Java Web应用程序，这是与WEB-INF同级的目录。将压缩包中的1.1文件夹整个拷贝到此目录中。
-
使用文本编辑器打开\1.1\arcgis\js\esri\esri.js，找到baseUrl:"[FULL_HTTP_URL_TO_JSAPI]",使用以下字段进行代替：baseUrl:"http://<myserver>/jsapi/1.1/arcgis/"其中<myserver>是你的Web服务器运行的地址，如localhost:8080/WebQuery,由三部分组成，主机地址，端口号以及应用程序名称等。
-
使用文本编辑器打开\1.1\arcgis\js\esri\dijit\css\InfoWindow.css，找到src='[FULL_HTTP_URL_TO_JSAPI]js/esri/dijit/images/infowindow.png'，使用以下字段进行代替：src='http://<myserver>/jsapi/1.1/arcgis/js/esri/dijit/images/infowindow.png'其中<myserver>是你的Web服务器运行的地址，如localhost:8080/WebQuery等。
- 还有一项设置，更改ArcGIS Server REST的设置，在实际使用时，发现此项不进行设置也可正常使用。(注意将其中的<myserver>替换为你的Web应用程序的地址，例如：localhost:8080等)
-
设置完成以后，可以通过以下代码进行测试。(注意将其中的<myserver>替换为你的Web应用程序的地址，例如：localhost:8080/WebQuery等)
<!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="http://<myserver>/jsapi/1.1/arcgis/js/dojo/dijit/themes/tundra/tundra.css">
<script type="text/javascript" src="http://<myserver>/jsapi/1.1/arcgis/"></script>
<script type="text/javascript">
dojo.require("esri.map");
function init() {
var myMap = new esri.Map("mapDiv");
//note that if you do not have public Internet access then you will need to point this url to your own locally accesible cached service.
var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/NGS_Topo_US_2D/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>
|
|
欢迎交流：xuxiang.f+tech@gmail.com
分享到：
相关推荐
ArcGIS JavaScript API 是 ESRI 提供的一种基于 JavaScript 的开发工具，允许开发者创建交互式的 Web 地图应用程序。本文将对 ArcGIS JavaScript API 进行详细的介绍，并提供多个示例来帮助读者快速上手。 一、...
《ArcGIS JavaScript API 动态标绘：燕尾箭头、军事标绘与WebGIS应用》 ArcGIS JavaScript API 是Esri公司推出的一款强大的Web GIS开发工具，它允许开发者利用JavaScript语言在网页上构建交互式的地图应用。动态...
**ArcGIS JavaScript API**是Esri公司提供的一个用于在Web应用程序中创建地图和地理空间功能的强大工具。这个API允许开发者利用GIS技术，如地图显示、地理编码、空间分析等，来构建交互式的Web应用。本示例集合包含...
ArcGIS API for JavaScript用于构建高性能的WebGIS应用程序，同时结合现代网络技术和强大的地理空间功能，利用ArcGIS Online、ArcGIS Server发布的地图服务以及网络上的其他服务内容，使用户在web端能够进行应用程序...
在GIS（地理信息系统）领域，ArcGIS JavaScript API 是Esri公司提供的一款强大的Web地图开发工具，它允许开发者在网页上创建交互式地图应用。而"arcgis JavaScript api proxy"是这个API中的一个重要概念，主要用于...
《ArcGIS JavaScript API在本地Tomcat上的部署与应用》 ArcGIS JavaScript API 是Esri公司提供的用于构建地理信息系统（GIS）Web应用的核心开发工具，它允许开发者通过JavaScript语言创建交互式的地图应用程序。...
《ArcGIS Server JavaScript API开发GeoWeb 2.0应用》一书由刘光和唐大仕共同撰写，主要探讨了如何使用ArcGIS Server的JavaScript API来构建GeoWeb 2.0应用程序。GeoWeb 2.0是地理信息系统（GIS）在互联网上的一个...
这些示例展示了如何使用ArcGIS JavaScript API的各种功能。每个示例页包含一个在线的演示，示例里做了什么的描述和源代码。查看视频展示如何拷贝示例代码并在机器上运行。 这些示例使用一颗星，两颗星或三颗星对相关...
ArcGIS API for JavaScript的核心在于其能够与ArcGIS Server和ArcGIS Online无缝集成，使得开发人员可以轻松地在网页上创建动态的地图服务、图层、查询、分析等。API支持多种地图操作，包括缩放、平移、图层控制、...
ARCGIS API for JavaScript 是一款由Esri公司提供的强大地图开发工具，用于构建基于Web的地理信息系统（GIS）应用。这个API允许开发者使用JavaScript语言在网页上创建交互式的地图服务，实现地图的显示、图层操作、...
ArcGIS JavaScript API 是Esri公司提供的一款强大的Web地图开发工具，它允许开发者在网页中创建交互式的地图应用程序。离线帮助文档是开发者在没有网络连接时的重要参考资料，确保了开发工作的连续性和效率。2.8版的...
ArcGIS JavaScript API 是由 Esri 公司提供的一个强大的地图开发库，主要用于创建交互式Web地图应用。它允许开发者利用JavaScript语言在网页中集成地理信息系统（GIS）功能，包括地图显示、图层管理、数据查询、空间...
《ArcGIS API for JavaScript 中文帮助文档与Demo详解》 ArcGIS API for JavaScript 是Esri公司提供的一款强大的JavaScript库，用于构建交互式的地理信息系统（GIS）应用。它为开发者提供了丰富的功能，包括地图...
API依赖于一系列的JavaScript库和Web服务，包括地图服务、地理编码服务以及图层和控件等。这些资源通常是从Esri的服务器上获取的，但在本地部署时，我们需要将它们下载到本地以便离线使用。 步骤一：下载API资源 ...
《ArcGIS API for JavaScript 3.25：深入探索与应用》 ArcGIS API for JavaScript 3.25是一款强大的地图开发工具，由Esri公司提供，用于构建交互式的地理信息系统（GIS）Web应用程序。该API是JavaScript程序员构建...
ArcGIS for JavaScript API 是一款功能强大且灵活的 API，用于构建基于 Web 的 GIS 应用程序。该 API 提供了丰富的功能和工具，帮助开发者快速构建功能强大且交互式的 GIS 应用程序。本文档将对 ArcGIS for ...
《ArcGIS API for JavaScript v4.23：深入解析与应用》 ArcGIS API for JavaScript是Esri公司推出的一款强大的地图开发工具，主要用于构建交互式的Web GIS应用。v4.23版本作为其一个重要更新，引入了众多新特性和...
1. **开发环境搭建**：文档"ArcGIS API for JavaScript开发环境搭建及第一个实例demo.docx"将引导开发者完成开发环境的配置，包括安装必要的软件，如Web服务器、JavaScript编辑器，并通过编写第一个示例程序来验证...
1. **API核心概念**：ArcGIS API for JavaScript的核心在于提供了一系列的JavaScript类和方法，用于创建地图、图层、图件、地理编码、空间分析等功能。v3.32版本在此基础上进行了升级，增强了稳定性，并引入了新的...