WEB开发网
开发学院软件开发Java 用 Flex 开发 Google Map 应用程序 阅读

用 Flex 开发 Google Map 应用程序

 2010-01-14 00:00:00 来源:WEB开发网   
核心提示: 通过刻度条来缩放地图不是很方便,Google MAP API 提供了鼠标滚轮缩放地图的功能,用 Flex 开发 Google Map 应用程序(5),在 onMapReady 方法里添加清单4所示代码,就可以实现鼠标滚轮缩放地图,这需要你创建一个继承 Sprite 类的 ActionScript

通过刻度条来缩放地图不是很方便,Google MAP API 提供了鼠标滚轮缩放地图的功能,在 onMapReady 方法里添加清单4所示代码,就可以实现鼠标滚轮缩放地图。


清单 4. 鼠标滚轮实现地图缩放的代码
... 
map.enableScrollWheelZoom(); 
map.enableContinuousZoom(); 
... 

完整的代码请查看 代码下载 部分 source.zip 中的 SimpleMAP2.mxml。

显示消息窗口

您可以用 map 对象的 openInfoWindow 方法将一个信息窗口显示在地图上面,代码如清单 5 所示。


清单5. 显示消息窗口
var address:LatLng 
  = new LatLng(this.getCenter().lat(),this.getCenter().lng()); 
map.openInfoWindow( 
  address, 
  new InfoWindowOptions({title: "Hello", content: "这是我在丹东的家"}) 
); 

InfoWindowOptions 对象为消息窗口提供了一些参数来确定消息窗口的内容和格式。如 title 是消息窗口的标题,content 为消息窗体的内容。如果希望标题显示为 html ,可以设置 titleHTML 参数。如果想改变 title 的格式可以通过改变 titleFormat 来实现,窗体的内容也可以设置 contentHTML、contentFormat 参数。清单 5 的代码运行后如图 4 所示。


图 4. 默认的消息窗口
用 Flex 开发 Google Map 应用程序

如果您觉得该方法提供的消息窗口不够漂亮,也可以自定义消息窗口。这需要你创建一个继承 Sprite 类的 ActionScript 类,完整代码请查看 代码下载 部分 source.zip 中的 MyInfoWindowSprite.as,清单 6 的代码演示了如何调用自定义的消息窗口。

上一页  1 2 3 4 5 6 7 8  下一页

Tags:Flex 开发 Google

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接