`
zhiweiofli
  • 浏览: 515401 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

flex 开发Google map的周记

阅读更多

最近花了一周的时间在flex的编程上,从FlexBuilder 3 Flashbuilder 4一周的时间,从试用到疯狂地爱上新平台,新技术。

FB4上的flex编程变的十分高效,部分代码的自动生成,debug功能的优化,UI设计的便利,远程调度和访问数据的智能模块,以及FlexUtil的测试功能等等,这些都令到我们这些开发者兴起若狂。

这周主要的工作是利用FB4结合google map api 进行开发。这点倒不难,整个过程都是在事件驱动开发,即是主要编写响应事件的函数。然而,在开发中,我却一直饱受OO思想的折磨----怎样才能更好地实现代码的重用,从而提高开发的效率呢?然而,这却是肤浅的想法。

在开发google map的地图图层上想实现右键弹出自定义菜单的功能,结果发现,flash上本来就有系统的右键菜单,而且是只能在其基础上增加子选项。本着将就一下啦,不料,google map上的地理标志marker(那些地图上的小泡泡)居然没有系统的右键菜单。原因是

google map本来就是flash舞台上的一个元件,但是上面那些marker却不是flash上的元件,只是map里头的一部分而已。这就悲剧了,设计中的右键菜单包括点击marker右键弹出菜单的效果呢!那,有问题找谷老师,网上有的牛人,居然用到屏蔽原来系统的右键菜单,然后用javascript来实现右键菜单,再通过flex来回调javascript的函数。晕,本人的技术还没到“牛”的地步呢。只好苦思其他解决方案。

后来,就用单击左键弹出菜单的方法来实现,还真不过那些弹出的菜单是用PopUpManeger调用自定义的compent来实现的,这也体现了模块化设计的思想(*^__^*)…嘻嘻

在弹出菜单里头包含了一个显示html功能的模块,那当然就是用iframe来实现的了,可是里头有一个十分奇怪的问题,iframe使用相对路径来访问html文件,一切的测试在firefox上都没问题,但到IE上就显示不了html的内容了,网上也有同样的案例,无赖之下,只好改用远程调用的方法,即http//127.0.0.1:8080/*****,结果通过,真是奇怪….不过最后还有新问题出现,flex里的iframe装载html页面时会出现相对定位错误,即iframe会偏离装载它的容器,而且是在现在流行的浏览器上跑都会这样。

最后还有flash安全沙箱问题,在FB4,或以前的IDE里头开发flex应用,一点击就可以运行,可是把工程released到其他地方去,就要小心安全沙箱的问题了。网上说要在包含flash的那个页面上手工加上标签<param >,可我试过了不行。后来知道了沙箱的部分原理,就从根本上解决了。在flashplayer的受信名单上加上flex应用程序的绝对路径。其实这也可以完全使用FB4或其他IDE来自动配置,它完全是自动的。

分享到:
评论

相关推荐

    flex开发google map的应用

    3. **集成地图组件**:在Flex项目中,你需要创建一个GoogleMap组件,这通常涉及到导入Google Maps API库,并在MXML代码中定义组件实例。 4. **地图事件处理**:使用ActionScript编写事件监听器,以便用户与地图交互...

    flex实现googelMap

    本篇文章将深入探讨如何使用Flex来实现Google Map功能。 首先,`lib`目录可能包含Flex SDK和Google Maps for Flex的相关库文件。在Flex中,我们需要引入这些库才能访问和操作Google Maps API。Google Maps for Flex...

    flex结合Google Map

    总结,`flex Google Map API`的结合使用,为开发者提供了丰富的工具,以创建具有强大地图功能的富互联网应用。通过深入理解这两个技术,开发者可以构建出高效、交互性强且富有创新的地理位置应用。`GoogleMapSample`...

    google map for flex

    《Flex版Google Map API与Flash Google Map API详解》 在当今的互联网应用中,地图服务已经成为不可或缺的一部分。Google Map API以其强大的功能和易用性深受开发者喜爱。本篇将深入探讨Flex版Google Map API和...

    googleMap-Flex

    本项目“googleMap-Flex”聚焦于使用Google Map API在Flex环境中实现这一功能,Flex是一个用于构建富互联网应用(RIA)的开源框架,基于Adobe AIR和Flash Player运行时。 在Flex中使用Google Map API,首先需要获取...

    arcgis api for flex 开发入门(二)Map的创建

    arcgis api for flex 开发入门(二)Map的创建

    flex 仿java Map类

    别人写的一个Map类 ,用着还可以 适合 flex新手学习

    flex开发google地图

    Flex开发Google地图涉及到的技术主要包括Flex编程、Google Maps API for Flash以及地图标记与线路绘制。Flex是一种由Adobe贡献的开源框架,用于快速构建高度交互且视觉效果丰富的互联网应用(Rich Internet ...

    ModestMaps-1.0.tar.gz_ flex map_flex_flex map_map flex_modestmap

    该库以其高效和可扩展性著称,适合开发类似Google Map的交互式地图应用。** ### 一、Flex技术简介 Flex是Adobe公司推出的一种基于MXML和ActionScript的开放源代码框架,主要用于构建富互联网应用程序(RIAs)。它...

    Flex开发环境配置手册

    Flex开发环境配置涉及两个主要的开发工具,即Micromedia Flex Builder 1.5和FlexBuilder 2.0作为Eclipse插件。配置过程主要包括安装、新建Flex站点、站点配置、复制核心文件以及测试环境。 首先,安装Micromedia ...

    flex map

    在Flex中,地图组件通常是通过集成第三方地图服务,如Google Maps、Bing Maps或OpenStreetMap等来实现的。开发者可以利用这些服务提供的API和Flex的图形能力来创建自定义的地图界面,添加标记、图层、路径等交互元素...

    GoogleMap For Flex Demo

    GoogleMap for Flex是一款专为Adobe Flex开发者设计的库,它允许开发人员在Flex应用程序中集成和操作Google Maps服务。这个库提供了丰富的API,使得在Flex环境中创建交互式地图应用变得轻而易举。本文将深入探讨其...

    java整合flex开发应用

    【标题】:“Java 整合 Flex 开发应用” 在IT领域,Java与Flex的整合是构建富互联网应用程序(RIA)的一种常见技术组合。Java以其强大的后端处理能力和稳定性,配合Flex的炫酷前端展示效果,可以为企业级应用提供...

    FLEX开发中文文档

    《FLEX开发中文文档》是一份专为RIA(Rich Internet Applications)开发者编译的资源,主要涵盖了Adobe Flex 2和ActionScript 3的开发技术。这份文档由四部分组成,分别对应四个章节,旨在帮助开发者理解和掌握Flex...

    Flex 开发流程 了解Flex开发的流程

    Flex开发流程详解 Flex是一种由Adobe推出的用于构建富互联网应用(Rich Internet Applications,简称RIA)的框架,它包含了Flex SDK、编译器、框架、调试工具以及开发环境Flex Builder等核心组成部分。Flex 3 SDK...

    Flex Google Map桌面地图应用程序

    Flex Google Map桌面地图应用程序是一款基于Adobe Flex技术构建的软件,用于在个人计算机上展示和操作Google Maps服务。Flex是Adobe开发的一种开源的富互联网应用程序(RIA)框架,它允许开发者创建具有高度交互性和...

    企业应用FLEX开发实战

    《企业应用FLEX开发实战》是一本专注于使用Adobe FLEX进行企业级应用程序开发的实践教程。本书涵盖了从基础到高级的各个层面,旨在帮助开发者掌握FLEX技术在实际项目中的应用,提升软件开发效率和质量。书中内容分为...

    Flex开发辅助工具

    Flex开发辅助工具是一系列专为Flex开发者设计的实用工具,主要以SWF(Shockwave Flash)格式提供。这些工具能够帮助开发者更有效地理解和利用Flex框架的功能,提高开发效率。下面将逐一详细介绍这些文件: 1. **...

    Flex开发入门

    Flex开发是一种创建富互联网应用程序(RIA)的技术,它允许开发者构建具有丰富图形界面和交互性的Web应用。在本文中,我们将深入探讨Flex开发的基础知识,包括如何新建MXML文件以及如何与Java EE(J2EE)项目进行...

Global site tag (gtag.js) - Google Analytics