ArcGIS API for JavascriptHtml5 应用开发.pdf

ArcGIS API for JavaScript HTML5 应用开发 Esri中国信息技术有限公司 赖小辉 目录 ArcGIS API for JavaScript 简介 ArcGIS API for JavaScript 基础 ArcGIS API for JavaScript 进阶 HTML5 in ArcGIS API for JavaScript ArcGIS API for JavaScript 简介 什么是ArcGIS API for JavaScript? • 首先发布于ArcGIS 9.3. • 调用ArcGIS Server REST API的一组JavaScript脚本。 • 基于功能强大的Dojo工具包 可以做什么？ • 快速创建交互式的地图应用 • 使用ArcGIS Server的REST API ，可以实现显示、查询、 分析等功能。 • 调用ArcGIS Server的GP服务，提供专业的分析结果 • 可以同时调用多个ArcGIS Server的服务，轻松实现融合 应用。 为什么选择JavaScript • 所有的主流的浏览器均支持JavaScript ，无需安装任何插 件 • JavaScript是世界最常用的开发语言之一，轻量级的 Web开发脚本语言 • 纯粹的客户端语言(运行在客户端的浏览器内) ，包括桌面 和移动端 • 有各种成熟的JavaScript框架：Dojo、jQuery 、ExtJS、 Prototype、YUI…… Dojo • Dojo宽松的使用许可 • Academic Free License BSD • Dojo功能全面，采用事件设计模式、支持矢量图形、而 且 widgets、Ajax、JSON等都是ArcServer客户端开发 所需要的，并且Dojo利于扩展，方便Mashup应用 • BM、Sun、AOL等公司的支持 • 活跃开发社区 • 支持多种客户端、浏览器 ArcGIS API for JavaScript 基础 地图应用导航操作 • 鼠标拖拽和平移 • 鼠标滚落的放大，缩小 • 双击放大 • SHIFT + 拉框放大 • SHIFT + CTRL + 拉框缩小 • SHIFT + Click 以鼠标点击为中点 • 用方向键移动 • 用+键实现翻大 • 用-键实现缩小 ArcGIS Server Rest API Rest • REST(Representational State Transfer表述性状态转移) 是一种针对网络应用的设计和开发方式，可以降低开发 的复杂性，提高系统的可伸缩性。 • REST原则 – 网络上的所有事物都被抽象为资源（resource ） – 每个资源对应一个唯一的资源标识（resource identifier ） – 通过通用的连接器接口（generic connector interface ）对资源 进行操作 – 对资源的各种操作不会改变资源标识 – 所有的操作都是无状态的（stateless ） ArcGIS Server Rest API • 所有GIS服务被暴露为资源接口 – 比如地图服务： – http://localhost/ArcGIS/rest/services/UCData/MapServer • 一些资源包含操作 – 比如地图服务的导出地图图像 – http://localhost/ArcGIS/rest/services/UCData/MapServer/e xport/ • 通过REST服务页面可以快速把握ArcGIS Server的内容 – http://host:port/arcgis/rest/services Dojo基础  加载Dojo模块 – dojo.require(esri.map);  Dojo初始化事件，在页面加载后执行程序 – dojo.addOnLoad(init) ;  Dojo事件 – dojo.connect(dijit.byId(map), resize, function (){}); – dojo.connect(Map, onMouseMove, MapMouseMov