- 浏览: 1319268 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (351)
- Java General (37)
- .net General (2)
- Linux Toy (55)
- Oracle (81)
- Mysql (11)
- Programer Career (12)
- Oh, my living ! (2)
- Shell Script (8)
- Web Service (0)
- Linux Server (22)
- Php/Python/Perl (3P) (2)
- Javascript General (5)
- Saleforce Apex Dev (2)
- Web General (5)
- Xen & VM tech. (17)
- PSP (13)
- OpenSolaris (34)
- php (1)
- RAI/flex/action script (16)
- asterisk/CTI (7)
- 交互设计 (6)
- English (3)
- Lucene (1)
最新评论
-
GuolinLee:
markmark
JVM调优总结 -Xms -Xmx -Xmn -Xss -
di1984HIT:
写的太好啊。
JVM调优总结 -Xms -Xmx -Xmn -Xss -
javajdbc:
javajdbc 写道
JVM调优总结 -Xms -Xmx -Xmn -Xss -
javajdbc:
...
JVM调优总结 -Xms -Xmx -Xmn -Xss -
alvin198761:
非常感谢,国外的被封杀了,你这里还有一份
How to Convert An Image-Based Guest To An LVM-Based Guest
Google Maps API 除了提供能被 Ajax 应用程序调用的 JavaScript 接口之外,还提供了能被 Flash 应用程序调用的 Flex 语言接口。本文就将介绍如何用 Google Maps API for Flash 来开发基于 Flash 的地图应用程序。<!-- START RESERVED FOR FUTURE USE INCLUDE FILES--><!-- include java script once we verify teams wants to use this and it will work on dbcs and cyrillic characters --> <!-- END RESERVED FOR FUTURE USE INCLUDE FILES--> Flex 是 Abode 公司贡献的一个开源框架,用于快速构建和维护高度交互并具有丰富表现力的互联网应用( Rich Internet Application )。这些 RIA 应用程序既可以通过 Adobe Flash Player 部署在所有主流的浏览器上,也可以通过 AIR(Adobe Integrated Runtime) 部署在所有主流操作系统的桌面上。 一个 Flex 应用程序通常有 ActionScript 和 MXML 两种代码组成。ActionScript 是一种面向对象的脚本语言,符合 ECMAScript 标准,用于实现 Flex 应用程序的逻辑;MXML 是一种类似于 HTML 和 XML 的标记语言,用于构建 Flex 应用程序的用户界面。Flex 应用程序最终需要被编译成 SWF 文件以运行在 Adobe Flash Player 或 AIR 上。 本文并不详细讲述 MXML 和 ActionScript 的语法,如想了解这两种语言的用法,可以查看 参考资源 中的相关教程。
Google Maps API for Flash 使得 Flex 开发人员能够把 Google Map 嵌入到 Flex 应用程序中。该 API 提供了很多实用的工具用来操控 Google Map。利用该 API,您可以处理地图事件、添加地图控件、在地图上添加标记、或者在地图上面画线,也可以利用 Geocoding 将地址转换成经纬度数据。笔者写作期间 Google Maps API for Flash 还不支持 AIR 环境,只能在 Flash Player 里运行。
开 发 Flex应用程序,您需要安装 Flex SDK或者Flex Builder。前者是开源软件,没有提供 IDE 界面,您需要使用命令行来编译MXML 和 AcitionScript代码;后者是基于 Eclipse 的一个 Flex IDE,提供了诸如代码提示、自动完成、Flex 应用程序调试等很多方便的功能。本文将以 Flex Builder 为例,介绍如何搭建 Flex 开发环境以开发 Google 地图应用程序。 首先您需要到 Google 站点 上申请一个免费的 Google Maps API key。它会提示您输入“My web site URL ”,为了本机测试,我们输入本机地址“http://127.0.0.1”,然后点击确认按钮之后就会看到申请的 key 了。注意如果希望您的地图应用程序能在您自己的网站上运行,需要填写真正的网站域名。 下载 Google Maps API for Flash SDK 去 Google 站点 下载 Google Maps API for Flash SDK 到本地硬盘并解压。解压后在 lib 目录下会有两个 swc 文件,这些 swc 文件包含开发 Google Maps API for Flash 应用程序要用到的所有 ActionScript 类。在用 Flex 开发 Google 地图应用程序时,必须把后缀为 _flex 的 swc 文件加到项目的 Library path 中。 假定您已经有了 Flex Builder(可以从 Adobe 网站 下载 Flex Builder 试用版)。打开 Flex Builder,创建一个新的 Flex 工程。由于目前 Google Maps API for Flash 还不支持 AIR,所以应用类型选择为 Web Application 。创建完 Flex 工程后,右键点击这个工程,在弹出菜单中选择 Properties 。在 Properties 窗口中选择 Flex Build Path ,再选择 Library path , 在此点击 Add SWC 按钮选择前面解压后得到的 map_flex_*.swc 文件即可,如图 1 所示。 图 1. 配置 Flex 工程的 Library path 到此,环境就准备好了,接下来就可以动手用 Flex Builder 开发 Google 地图应用程序了。
在 Flex 应用程序中使用 Google Maps API for Flash 下 面介绍用 Google Maps API for Flash 开发一个 Hello World 应用程序。在上面建好的 Flex 工程中创建一个 MXML Application,命名为 SimpleMAP。把清单 1 所示的代码加到 SimpleMAP 中,作为 <mx:application> 的子节点,另外还需要将 key 值替换为您申请到的 key。<maps:Map> 声明了一个 Google 地图对象,ActionScript 代码可以用它的id引用这个地图对象。 清单1. 声明一个 Google地图对象
这个地图对象初始化的时候会调用 清单 2. onMapReady 方法
查看 SimpleMAP.mxml 的完整代码,请到 代码下载 部分下载示例代码 source.zip。编写好 SimpleMAP 后,右键点击该文件,选择 Run as>Flex application ,运行结果如图 2 所示。 图 2. Flex 开发的第一个 Google 地图应用程序
进一步介绍 Google Maps API for Flash 上面仅仅是一个非常简单的 Hello World 应用程序,用到了 Google Maps API for Flash 的一些基本功能,下面将进一步介绍 Google Maps API for Flash 的其它高级功能。 您可以修改上面的 清单3. 添加控件到地图上
运行后,如图 3 所示,在左边添加了一个按照刻度来缩放地图的控件,在右上角增加了地图类型切换的控件,在右下角显示了地图的缩略图。 图 3. 添加了控件的 Google 地图 通过刻度条来缩放地图不是很方便,Google MAP API 提供了鼠标滚轮缩放地图的功能,在 清单 4. 鼠标滚轮实现地图缩放的代码
完整的代码请查看 代码下载 部分 source.zip 中的 SimpleMAP2.mxml。 您可以用 map 对象的 清单5. 显示消息窗口
图 4. 默认的消息窗口 如果您觉得该方法提供的消息窗口不够漂亮,也可以自定义消息窗口。这需要你创建一个继承 Sprite 类的 ActionScript 类,完整代码请查看 代码下载 部分 source.zip 中的 MyInfoWindowSprite.as,清单 6 的代码演示了如何调用自定义的消息窗口。 清单 6. 调用自定义消息窗口
自定义的消息窗口的效果如图5所示。 图 5. 自定义消息窗口效果
清单 7. 在地图上画直线的代码
运行后,在地图上用鼠标点击两个不同的点,这两点之间就会画上一条直线。多次点击两个不同的点,可以画折线,如图 6 所示。 图 6. 画线效果
编 写 Flex 地图应用程序时,定位 Google 地图的中心位置, 在地图上放置 marker 都需要事先知道位置的经纬度数据。这对用户并不方便,我们习惯用的是地址,能记住的也是地址,而不是经纬度数据。如何解决这个问题呢,Google Maps API for Flash 提供了将地址转换为经纬度的 API — ClientGeocoder。 ClientGeocoder 要求与 Google server 进行异步通信以得到地址的经纬度数据。用 ClientGeocoder 编程需要按顺序执行下面三个步骤:
清单 8 演示了如何用 ClientGeocoder 进行编程,如果地址转换成功将在地图上创建一个 Marker,如果地址转换失败则弹出提示窗口。 清单 8. 使用 ClientGeocoder 进行地址到经纬度的转换
|
发表评论
-
Adobe Flex 4 学习使用skin class外观应用程序
2010-11-18 07:55 1661<!-- --> 相关介绍: ... -
for loop 之间的不同.
2010-03-05 22:40 1196for..in 和 for each..in 原来是有不同的 ... -
在 AIR 中突破同源策略访问 iframe 中的内容
2010-01-25 22:16 2415在 AIR 中突破同源策略 ... -
how to resize on contained navigator change
2009-11-23 21:25 1117how to dynamically resize a Tit ... -
如何重写flex组件
2009-11-07 18:11 2118一、为什么要重写 ... -
用Flex建立一个100%窗口透明的AIR程序
2009-10-31 07:51 2633用Flex建立一个100%窗口透明的AIR程序,以及打包成.A ... -
Setting AIR application properties
2009-10-30 07:47 1309http://livedocs.adobe.com/flex/ ... -
flex 与 javascript互 Call
2009-10-29 21:43 1459一、在JavaScript中调用Flex方法在Flex中可以用 ... -
技术角度论Flex与Silverlight优劣
2009-09-26 09:06 4833这样的比较有意义吗?个人意见,只要别把自己当成宗教教徒,将语言 ... -
介绍一个flex 开发的进销存
2009-09-20 08:48 2297一.中小企业进销存系统和运行平台以及技术架构 1. 中小企业进 ... -
使用自定义窗口以及对窗口的移动,缩放,关闭操作
2009-09-19 16:12 2296这个教程主要针对对fl ... -
How many ways we can create a swf file?
2009-08-10 08:22 1456we can create a swf movie in at ... -
Flex的RSL部署
2009-08-04 23:06 2532转自http://foxxiao.iteye.com/blog ... -
flex 学习笔记
2009-08-04 22:59 1307http://www.ninei.name/blog/?ca ... -
air program auto update.
2009-08-04 17:44 1343Air Application Auto-Update ...
相关推荐
在“flex开发google map的应用”这个主题中,我们将深入探讨如何利用Flex框架来创建与Google Maps API集成的应用程序。以下是一些关键知识点: 1. **Flex基础知识**:首先,你需要理解Flex的基本概念,包括MXML...
Flex Google Map桌面地图应用程序是一款基于Adobe Flex技术构建的软件,用于在个人计算机上展示和操作Google Maps服务。Flex是Adobe开发的一种开源的富互联网应用程序(RIA)框架,它允许开发者创建具有高度交互性和...
在IT行业中,Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。它由Adobe开发,允许开发者创建具有丰富图形、动画和用户交互的Web应用。Google Maps API则是一个强大的服务,提供了在...
本项目“googleMap-Flex”聚焦于使用Google Map API在Flex环境中实现这一功能,Flex是一个用于构建富互联网应用(RIA)的开源框架,基于Adobe AIR和Flash Player运行时。 在Flex中使用Google Map API,首先需要获取...
在本文中,我们将深入探讨如何使用Adobe Flex与Google Maps API相结合来创建互动式的地图应用程序。Flex是一种基于ActionScript 3的开源框架,用于构建富互联网应用程序(RIA)。而Google Maps API则提供了强大的...
Flex版Google Map API是Google为Adobe Flex开发者提供的接口,它允许开发者在Flex应用程序中集成Google Maps服务,提供交互式的地图体验。Flex是一种基于ActionScript 3.0的开放源代码框架,用于构建富互联网应用...
总的来说,Flex开发Google地图需要掌握Flex编程基础、ActionScript语言以及Google Maps API for Flash的使用。通过这些技术,开发者可以创建出功能强大的地图应用,如导航系统、地理信息系统或位置相关的服务。在...
"Flex Map"是一个在IT行业中涉及的技术点,它通常与Adobe Flex框架相关,这是一个用于构建富互联网应用程序(RIA)的开源开发工具集。Flex允许开发者使用MXML和ActionScript语言创建交互式的、基于Web的应用程序。...
GoogleMap for Flex是一款专为Adobe Flex开发者设计的库,它允许开发人员在Flex应用程序中集成和操作Google Maps服务。这个库提供了丰富的API,使得在Flex环境中创建交互式地图应用变得轻而易举。本文将深入探讨其...
Flex是Adobe公司推出的一种基于MXML和ActionScript的开放源代码框架,主要用于构建富互联网应用程序(RIAs)。它基于Flash Player或Adobe AIR运行时,提供了丰富的用户界面组件和强大的数据绑定功能,能够创建动态、...
本篇文章将深入探讨如何在Adobe Flex环境中集成和使用Google Maps SDK,以此来创建功能强大的地图应用程序。 一、Flex SDK与Google Maps的结合 Flex是Adobe公司推出的一种基于ActionScript 3.0的开源框架,用于...
在IT行业中,Google Map API是一个广泛使用的工具,它允许开发者将地图功能集成到自己的应用程序中。这个例子聚焦于使用Adobe Flex这一编程框架在Google Map API上进行二次开发。Flex是一种基于ActionScript 3.0的...
描述提到“用flex开发的google地图,全部源代码,已修改了bug。”这表示这个压缩包包含了使用Flex编写的Google Maps应用的完整源代码,并且开发者已经对其中的错误进行了修复。这对于学习Flex和Google Maps API的...
Flex是Adobe公司推出的一种开源的、基于ActionScript 3.0的框架,用于构建富互联网应用程序(RIA)。它支持MXML和AS3语言,能够创建具有交互性和动态效果的用户界面。而.map_flex_1_22.zip_flex中的.swc文件是一种...
地图玩家SWC API是专门为Flex设计的地图库,它允许开发者将各种地图服务(如Google Maps、Bing Maps、OpenStreetMap等)集成到Flex应用中。SWC是一种预编译的库文件格式,可以直接导入到Flex项目中,简化了开发过程...
在IT行业中,Flex是一种基于ActionScript 3.0和Flash Player的开源框架,主要用于构建富互联网应用程序(RIA)。Google Maps API则是一个强大的工具,允许开发者将谷歌地图集成到自己的网站或应用中,提供地图显示、...