使用ArcGIS javascript API编写车辆定位系统(一)
2011-11-30 16:08
330 查看
环境配置:
VS2010,ArcGIS Server 10, ArcGIS Desktop 10; Aptana 2。
系统思路:
用server发布地图服务,用js+html调用地图服务实现地图功能;把html嵌入客户端程序中实现。
本章主要介绍AJA(ArcGIS javascript API)离线包配置和Aptana配置,主要参考esri AJA帮助。
1 Aptana配置
GBK问题
问题:在windows系统中,因GBK编码无法保存文档
解决:在Preferences中如下图所示修改编码为UTF-8:
中文乱码问题
如下图所示,修改html的默认编码:
添加DOJO引用
在help—install aptana feature中选择dojo,按提示完成。
添加AJA2.3引用
在如下页面中下载:http://help.arcgis.com/EN/webapi/javascript/arcgis/help/jsapi_start.htm#jsapi/api_codeassist.htm
解压后copy到aptana安装目录的plugins文件中,重启aptana;
勾选引用:
在程序左上角选择References—Global References,勾选需要的引用:
使用JSLint
在Preference(见下图)中,去掉Mozilla JavaScript Validator,选择JSLint JavaScript Validator:
2 AJA离线配置
AJA离线配置虽然略有繁琐,但相当有必要,经粗测,在线访问AJA耗时约5s,本地访问耗时约0.6s,AJA载入量为200k左右。
配置步骤:
(1)下载API和SDK。地址:http://resources.arcgis.com/content/web/arcgis-javascript-api-download;
解压后arcgis_js_api\library\install.htm是配置说明,内容如下:
(2)修改jsapi路径
Copy到iis目录下:如C:\Inetpub\wwwroot\arcgis_js_api\library;
用记事本分别打开C:\Inetpub\wwwroot\arcgis_js_api\library\2.5\arcgis\js\esri\esri.js
C:\Inetpub\wwwroot\arcgis_js_api\library\2.5\arcgis\js\dojo\dojo\dojo.xd.js
C:\Inetpub\wwwroot\arcgis_js_api\library\2.5\arcgis\js\dojo\dojo\dojo.xd.js.uncompressed.js
把这几个文件中的[HOSTNAME_AND_PATH_TO_JSAPI]替换为<myserver>/arcgis_js_api/library/2.5/arcgis/,
其中<myserver>为服务器主机名字,如chica/arcgis_js_api/library/2.5/arcgis/
(3)设定jsapi的解析入口:
在iis中找到arcgis_js_api/library/2.5/arcgis目录,设定默认页为Default.ashx
(4)修改rest api的配置。
用记事本打开C:\Inetpub\wwwroot\ArcGIS\rest下的rest.config,修改如下两项内容:
<ArcGIS>http://chica/arcgis_js_api/library/2.5/arcgis/</ArcGIS>
<ArcGISCSS>http://chica/arcgis_js_api/library/2.5/arcgis/js/dojo/dijit/themes/tundra/tundra.css</ArcGISCSS>
(5)使用install.htm中的测试代码测试,成功即可。
VS2010,ArcGIS Server 10, ArcGIS Desktop 10; Aptana 2。
系统思路:
用server发布地图服务,用js+html调用地图服务实现地图功能;把html嵌入客户端程序中实现。
本章主要介绍AJA(ArcGIS javascript API)离线包配置和Aptana配置,主要参考esri AJA帮助。
1 Aptana配置
GBK问题
问题:在windows系统中,因GBK编码无法保存文档
解决:在Preferences中如下图所示修改编码为UTF-8:
中文乱码问题
如下图所示,修改html的默认编码:
添加DOJO引用
在help—install aptana feature中选择dojo,按提示完成。
添加AJA2.3引用
在如下页面中下载:http://help.arcgis.com/EN/webapi/javascript/arcgis/help/jsapi_start.htm#jsapi/api_codeassist.htm
解压后copy到aptana安装目录的plugins文件中,重启aptana;
勾选引用:
在程序左上角选择References—Global References,勾选需要的引用:
使用JSLint
在Preference(见下图)中,去掉Mozilla JavaScript Validator,选择JSLint JavaScript Validator:
2 AJA离线配置
AJA离线配置虽然略有繁琐,但相当有必要,经粗测,在线访问AJA耗时约5s,本地访问耗时约0.6s,AJA载入量为200k左右。
配置步骤:
(1)下载API和SDK。地址:http://resources.arcgis.com/content/web/arcgis-javascript-api-download;
解压后arcgis_js_api\library\install.htm是配置说明,内容如下:
(2)修改jsapi路径
Copy到iis目录下:如C:\Inetpub\wwwroot\arcgis_js_api\library;
用记事本分别打开C:\Inetpub\wwwroot\arcgis_js_api\library\2.5\arcgis\js\esri\esri.js
C:\Inetpub\wwwroot\arcgis_js_api\library\2.5\arcgis\js\dojo\dojo\dojo.xd.js
C:\Inetpub\wwwroot\arcgis_js_api\library\2.5\arcgis\js\dojo\dojo\dojo.xd.js.uncompressed.js
把这几个文件中的[HOSTNAME_AND_PATH_TO_JSAPI]替换为<myserver>/arcgis_js_api/library/2.5/arcgis/,
其中<myserver>为服务器主机名字,如chica/arcgis_js_api/library/2.5/arcgis/
(3)设定jsapi的解析入口:
在iis中找到arcgis_js_api/library/2.5/arcgis目录,设定默认页为Default.ashx
(4)修改rest api的配置。
用记事本打开C:\Inetpub\wwwroot\ArcGIS\rest下的rest.config,修改如下两项内容:
<ArcGIS>http://chica/arcgis_js_api/library/2.5/arcgis/</ArcGIS>
<ArcGISCSS>http://chica/arcgis_js_api/library/2.5/arcgis/js/dojo/dijit/themes/tundra/tundra.css</ArcGISCSS>
(5)使用install.htm中的测试代码测试,成功即可。
相关文章推荐
- ArcGIS JavaScript API实时数据接入展示探索(一)使用http-server
- 【转】使用arcgis javascript api 保存不规则面状数据(镂空、自相交)
- ArcGIS API for JavaScript使用中出现的BUG(1)
- ArcGIS API for Javascript 使用缓冲区结果做query查询出现“esri.config.defaults.io.proxyUrl 尚未进行设置”错误
- 使用the ArcGIS API for JavaScript创建程序
- ArcGIS API for JavaScript 4.3 与ArcGIS Server联动使用【地图服务】
- ArcGIS API for JavaScript使用中出现的BUG(1)
- ArcGIS api for javascript——图形-使用多个图形图层
- 使用ArcGIS JavaScript API 3.18 加载天地图
- 如何在arcgis javascript api viewer使用配置文件
- ArcGIS API for JavaScript 4.2学习笔记[23] 没有地图如何进行查询?【FindTask类的使用】
- ArcGIS JavaScript API 4.x中热度图渲染的使用注意事项
- 使用the ArcGIS API for JavaScript创建程序
- arcgis api for javascript中使用proxy.jsp
- ArcGIS JavaScript API使用Promise进行公交换乘查询及结果绘制
- ArcGIS api for javascript——渲染-使用唯一值渲染
- ArcGIS API for JavaScript 4.2学习笔记[22] 使用【QueryTask类】进行空间查询 / 弹窗样式
- arcgis api for javascript IdentifyTask使用
- ArcGIS API for javascript开发笔记(六)——REST详解及如何使用REST API调用GP服务
- 【技术直通车】使用Dreamweaver 5.5 + JQuery + PhoneGap+ArcGIS Javascript API 开发跨平台手机应用程序