ArcGIS API for JavaScript 入门
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
主要数据类型
数值：整数、浮点数
12,0xA0,12.3
逻辑值：布尔值
true、false
字符串值
“This a Apple”、 转义字符”\t””\,”……
空值
null
未定义值
undefinded。
Байду номын сангаас
对象
Object
使用typeof操作符判定类型
JavaScript语言基础
OK，至此ArcGIS API for JavaScript安装完成。
ArcGIS Server 10.1 离线浏览
打开文件C:\Program Files\ArcGIS\Server\framework\runtime\tomcat\webapps \arcgis#rest\WEB-INF\classes\resources\restconfig.properties 修改文件中jsapi.arcgis和jsapi.arcgis.css，将这两个值指向本 地部署的离线API的地址。
ArcGIS API for JavaScript 智能提示
在Visual Studio 2012/2010及Apanta中支持vsdoc智能提示 方法：
从SDK的”API Reference”的” Code Assist Plugins”页面 中 下载与开发工具对应的vsdoc文件。 在Visual Studio中使用方法：
将下载的Library压缩文件中的arcgis_js_api目录解压到Web Server的目录下
IIS：%SystemDrive%\inetpub\wwwroot Tomcat的webapps目录下。 ArcGIS Server 10.1的tomcat在 %AGSSERVER%\framework\runtime\tomcat
ArcGIS API for JavaScript 入门
目录
ArcGIS API for JavaScript 简介 ArcGIS API for JavaScript 入门
ArcGIS API for JavaScript 简介
什么是ArcGIS API for JavaScript?
可以同时调用多个ArcGIS Server的服务，轻松实现融合应用。
为什么选择JavaScript
所有的主流的浏览器均支持JavaScript，无需安装任何插件
JavaScript是世界最常用的开发语言之一，轻量级的Web开发 脚本语言
纯粹的客户端语言(运行在客户端的浏览器内)，包括桌面和移 动端 有各种成熟的JavaScript框架：Dojo、jQuery、ExtJS、 Prototype、YUI……
ArcGIS API for JavaScript 安装
修改arcgis_js_api\library\3.2\jsapi目录下的init.js及再下级目 录js\dojo\dojo\dojo.js文件
将两个文件中的[HOSTNAME_AND_PATH_TO_JSAPI]替换为 <myserver>:<port>/arcgis_js_api/library/3.2/jsapi/，如果端 口号为80则可省略。
首先发布于ArcGIS 9.3.
调用ArcGIS Server REST API的一组JavaScript脚本。 基于功能强大的Dojo工具包
可以做什么？
快速创建交互式的地图应用
使用ArcGIS Server的REST API，可以实现显示、查询、分析 等功能。
调用ArcGIS Server的GP服务，提供专业的分析结果
修改arcgis_js_api\library\3.2\jsapicompact目录下的init.js及 再下级目录js\dojo\dojo\dojo.js文件
将两个文件中的[HOSTNAME_AND_PATH_TO_JSAPI]替换为 <myserver>:<port>/arcgis_js_api/library/3.2/ jsapicompact /， 如果端口号为80则可省略。
JavaScript基础入门
认识javascript
认识JavaScript
真实的名称是 ECMAScript，ECMA-262是正式的JavaScript 标准。 JavaScript 被设计用来向 HTML 页面添加交互行为 JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语 言） JavaScript 由数行可执行计算机代码组成 JavaScript 通常被直接嵌入 HTML 页面 JavaScript 是一种解释性语言（就是说，代码执行不进行预编 译） 所有的人无需购买许可证均可使用 JavaScript
ArcGIS API for JavaScript 入门
ArcGIS API for JavaScript 入门
ArcGIS API for JavaScript 安装 JavaScript基础入门 Dojo基础入门 ArcGIS Server Rest API API Content Map & Layer Graphic Infowindow Task
运算符
算术运算符：+ 、 - 、* 、 / 、 % 、 -(一元取反) 、 ++ 、 -等同运算符与全同运算符：== 、 ===、 !== 、 !=== 比较运算符：< 、 > 、 <= 、 >= 字符串运算符：：< 、 > 、 <= 、 >= 、 = 、 + 逻辑运算符：&& 、 ||、 !、 赋值运算符：=、 +=、 *=、 -=、 /=
类型转换
其它类型到字符串： Boolean,Number,都有toString()方法 Boolean --> String 可能返回字符串"true" 或 "flase" Number --> String 字符串转换成数字: parseInt(字符串) parseFloat(字符串) 强制转换:Boolean(value)、Number(value)、String(value)
ArcGIS API for JavaScript 帮助安装
下载ArcGIS API for JavaScript的SDK
/2011/0223/960.html
将下载的SDK压缩文件里的arcgis_js_api目录解压到Web Server的目录下。
ArcGIS API for JavaScript 安装
安装配置jsapi
ArcGIS API for JavaScript 安装
需要一个Web Server
IIS、Tomcat……
下载ArcGIS API for JavaScript的Library
/2011/0223/960.html
html文档：<script type="text/javascript" src="jsapi_vsdoc_v32_2012.js"></script> js文件：/// <reference path=" jsapi_vsdoc_v32_2012.js" />
在Apanta中使用方法：
将vsdoc文件拖拽到apanta的工程中。
IIS：%SystemDrive%\inetpub\wwwroot Tomcat的webapps目录下。 ArcGIS Server 10.1的tomcat在 %AGSSERVER%\framework\runtime\tomcat
完成完成。 在浏览器中打开帮助地址
http://localhost/arcgis_js_api/sdk/index.html(IIS)
为什么使用Dojo？
Dojo宽松的使用许可
Academic Free License & BSD
支持类，及继承。 通过使用dojo.gfx简化在SVG、Canvas和VML上绘制矢量图形 的代码。 Dojo和Dijit易用使用，功能齐全 Dojo支持国际化 其他JavaScript框架能实现的Dojo也可以实现 支持多种客户端、浏览器
JavaScript特点
脚本语言：解释执行，不需要预编译 基于对象的语言：基于对象的语言、也可看做面向对象的 简单性：量类型是采用弱类型，容易学习 安全性：不能访问本地硬盘、不能存数据到服务器…… 动态性：事件驱动的方式与用户交互 跨平台性：和系统无关，只要有浏览器
JavaScript语言基础
JavaScript能做什么？
JavaScript JavaScript JavaScript JavaScript JavaScript JavaScript JavaScript 为 HTML 设计师提供了一种编程工具 可以将动态的文本放入 HTML 页面 可以对事件作出响应 可以读写 HTML 元素 可被用来验证数据 可被用来检测访问者的浏览器 可被用来创建 cookies
标识符命名
变量、函数名、操作符都区分大小写， 不能使用关键字 以字母开头，可以包含数字和下划线。
代码注释
单行注释：//单行注释内容。 多行注释：/* 注释内容，可以换行 */
变量定义
JavaScript弱类型语言 以var来定义，比如 var p = 1
JavaScript语言基础
第一个地图程序：Hello World
<!DOCTYPE html> <html xmlns="/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hello World</title> <link rel="stylesheet" type="text/css" href="http://localhost:6080/arcgis_js_api/library/3.2/jsapi/js/dojo/dijit/themes/tundra/tundra.css" /> <link rel="stylesheet" type="text/css" href="http://localhost:6080/arcgis_js_api/library/3.2/jsapi/js/esri/css/esri.css" /> <script type="text/javascript" src="http://localhost:6080/arcgis_js_api/library/3.2/jsapi/init.js"></script> <style type="text/css"> html,body,#mapDiv { width:100%; height:100%; } </style> <script type="text/javascript"> dojo.require("esri.map"); function init() { var myMap = new esri.Map("mapDiv"); var myTiledMapServiceLayer = new yers.ArcGISTiledMapServiceLayer("http://lxhpc:6080/arcgis/rest/services/JSApiDemo/MapServer"); myMap.addLayer(myTiledMapServiceLayer); } dojo.addOnLoad(init); </script> </head> <body class="tundra"> <div id="mapDiv"></div> </body> </html>
数值：整数、浮点数
12,0xA0,12.3
逻辑值：布尔值
true、false
字符串值
“This a Apple”、 转义字符”\t””\,”……
空值
null
未定义值
undefinded。
Байду номын сангаас
对象
Object
使用typeof操作符判定类型
JavaScript语言基础
OK，至此ArcGIS API for JavaScript安装完成。
ArcGIS Server 10.1 离线浏览
打开文件C:\Program Files\ArcGIS\Server\framework\runtime\tomcat\webapps \arcgis#rest\WEB-INF\classes\resources\restconfig.properties 修改文件中jsapi.arcgis和jsapi.arcgis.css，将这两个值指向本 地部署的离线API的地址。
ArcGIS API for JavaScript 智能提示
在Visual Studio 2012/2010及Apanta中支持vsdoc智能提示 方法：
从SDK的”API Reference”的” Code Assist Plugins”页面 中 下载与开发工具对应的vsdoc文件。 在Visual Studio中使用方法：
将下载的Library压缩文件中的arcgis_js_api目录解压到Web Server的目录下
IIS：%SystemDrive%\inetpub\wwwroot Tomcat的webapps目录下。 ArcGIS Server 10.1的tomcat在 %AGSSERVER%\framework\runtime\tomcat
ArcGIS API for JavaScript 入门
目录
ArcGIS API for JavaScript 简介 ArcGIS API for JavaScript 入门
ArcGIS API for JavaScript 简介
什么是ArcGIS API for JavaScript?
可以同时调用多个ArcGIS Server的服务，轻松实现融合应用。
为什么选择JavaScript
所有的主流的浏览器均支持JavaScript，无需安装任何插件
JavaScript是世界最常用的开发语言之一，轻量级的Web开发 脚本语言
纯粹的客户端语言(运行在客户端的浏览器内)，包括桌面和移 动端 有各种成熟的JavaScript框架：Dojo、jQuery、ExtJS、 Prototype、YUI……
ArcGIS API for JavaScript 安装
修改arcgis_js_api\library\3.2\jsapi目录下的init.js及再下级目 录js\dojo\dojo\dojo.js文件
将两个文件中的[HOSTNAME_AND_PATH_TO_JSAPI]替换为 <myserver>:<port>/arcgis_js_api/library/3.2/jsapi/，如果端 口号为80则可省略。
首先发布于ArcGIS 9.3.
调用ArcGIS Server REST API的一组JavaScript脚本。 基于功能强大的Dojo工具包
可以做什么？
快速创建交互式的地图应用
使用ArcGIS Server的REST API，可以实现显示、查询、分析 等功能。
调用ArcGIS Server的GP服务，提供专业的分析结果
修改arcgis_js_api\library\3.2\jsapicompact目录下的init.js及 再下级目录js\dojo\dojo\dojo.js文件
将两个文件中的[HOSTNAME_AND_PATH_TO_JSAPI]替换为 <myserver>:<port>/arcgis_js_api/library/3.2/ jsapicompact /， 如果端口号为80则可省略。
JavaScript基础入门
认识javascript
认识JavaScript
真实的名称是 ECMAScript，ECMA-262是正式的JavaScript 标准。 JavaScript 被设计用来向 HTML 页面添加交互行为 JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语 言） JavaScript 由数行可执行计算机代码组成 JavaScript 通常被直接嵌入 HTML 页面 JavaScript 是一种解释性语言（就是说，代码执行不进行预编 译） 所有的人无需购买许可证均可使用 JavaScript
ArcGIS API for JavaScript 入门
ArcGIS API for JavaScript 入门
ArcGIS API for JavaScript 安装 JavaScript基础入门 Dojo基础入门 ArcGIS Server Rest API API Content Map & Layer Graphic Infowindow Task
运算符
算术运算符：+ 、 - 、* 、 / 、 % 、 -(一元取反) 、 ++ 、 -等同运算符与全同运算符：== 、 ===、 !== 、 !=== 比较运算符：< 、 > 、 <= 、 >= 字符串运算符：：< 、 > 、 <= 、 >= 、 = 、 + 逻辑运算符：&& 、 ||、 !、 赋值运算符：=、 +=、 *=、 -=、 /=
类型转换
其它类型到字符串： Boolean,Number,都有toString()方法 Boolean --> String 可能返回字符串"true" 或 "flase" Number --> String 字符串转换成数字: parseInt(字符串) parseFloat(字符串) 强制转换:Boolean(value)、Number(value)、String(value)
ArcGIS API for JavaScript 帮助安装
下载ArcGIS API for JavaScript的SDK
/2011/0223/960.html
将下载的SDK压缩文件里的arcgis_js_api目录解压到Web Server的目录下。
ArcGIS API for JavaScript 安装
安装配置jsapi
ArcGIS API for JavaScript 安装
需要一个Web Server
IIS、Tomcat……
下载ArcGIS API for JavaScript的Library
/2011/0223/960.html
html文档：<script type="text/javascript" src="jsapi_vsdoc_v32_2012.js"></script> js文件：/// <reference path=" jsapi_vsdoc_v32_2012.js" />
在Apanta中使用方法：
将vsdoc文件拖拽到apanta的工程中。
IIS：%SystemDrive%\inetpub\wwwroot Tomcat的webapps目录下。 ArcGIS Server 10.1的tomcat在 %AGSSERVER%\framework\runtime\tomcat
完成完成。 在浏览器中打开帮助地址
http://localhost/arcgis_js_api/sdk/index.html(IIS)
为什么使用Dojo？
Dojo宽松的使用许可
Academic Free License & BSD
支持类，及继承。 通过使用dojo.gfx简化在SVG、Canvas和VML上绘制矢量图形 的代码。 Dojo和Dijit易用使用，功能齐全 Dojo支持国际化 其他JavaScript框架能实现的Dojo也可以实现 支持多种客户端、浏览器
JavaScript特点
脚本语言：解释执行，不需要预编译 基于对象的语言：基于对象的语言、也可看做面向对象的 简单性：量类型是采用弱类型，容易学习 安全性：不能访问本地硬盘、不能存数据到服务器…… 动态性：事件驱动的方式与用户交互 跨平台性：和系统无关，只要有浏览器
JavaScript语言基础
JavaScript能做什么？
JavaScript JavaScript JavaScript JavaScript JavaScript JavaScript JavaScript 为 HTML 设计师提供了一种编程工具 可以将动态的文本放入 HTML 页面 可以对事件作出响应 可以读写 HTML 元素 可被用来验证数据 可被用来检测访问者的浏览器 可被用来创建 cookies
标识符命名
变量、函数名、操作符都区分大小写， 不能使用关键字 以字母开头，可以包含数字和下划线。
代码注释
单行注释：//单行注释内容。 多行注释：/* 注释内容，可以换行 */
变量定义
JavaScript弱类型语言 以var来定义，比如 var p = 1
JavaScript语言基础
第一个地图程序：Hello World
<!DOCTYPE html> <html xmlns="/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hello World</title> <link rel="stylesheet" type="text/css" href="http://localhost:6080/arcgis_js_api/library/3.2/jsapi/js/dojo/dijit/themes/tundra/tundra.css" /> <link rel="stylesheet" type="text/css" href="http://localhost:6080/arcgis_js_api/library/3.2/jsapi/js/esri/css/esri.css" /> <script type="text/javascript" src="http://localhost:6080/arcgis_js_api/library/3.2/jsapi/init.js"></script> <style type="text/css"> html,body,#mapDiv { width:100%; height:100%; } </style> <script type="text/javascript"> dojo.require("esri.map"); function init() { var myMap = new esri.Map("mapDiv"); var myTiledMapServiceLayer = new yers.ArcGISTiledMapServiceLayer("http://lxhpc:6080/arcgis/rest/services/JSApiDemo/MapServer"); myMap.addLayer(myTiledMapServiceLayer); } dojo.addOnLoad(init); </script> </head> <body class="tundra"> <div id="mapDiv"></div> </body> </html>