用 Flex 开发 Google Map 应用程序

核心提示： 清单 6. 调用自定义消息窗口varcustomContent:MyInfoWindowSprite=newMyInfoWindowSprite();varoptions:InfoWindowOptions=newInfoWindowOptions({customContent:customCo

清单 6. 调用自定义消息窗口
var　customContent:MyInfoWindowSprite　=　new　MyInfoWindowSprite();　　　　　
var　options:InfoWindowOptions　=　new　InfoWindowOptions({customContent:　customContent});　
//将窗体实例赋给　InfoWindowOptions　类　　　　　　　　　　　
marker.addEventListener(MapMouseEvent.CLICK,　function　(event:MapMouseEvent):void　{　
//通过　marker　弹出自定义窗体　
marker.openInfoWindow(options);　

自定义的消息窗口的效果如图5所示。

图 5. 自定义消息窗口效果

在地图上画线

Polyline 类的作用是在地图上划线，您只需要将坐标数组传给 Polyline，再将 Polyline 添加到地图中即可，线段将根据坐标数组的位置数据连接起来显示在地图上. 清单7的代码演示了如何在地图上画直线。完整代码请查看 代码下载 部分 source.zip 中的 SimpleMAP3.MXML。

清单 7. 在地图上画直线的代码
map.addEventListener(MapMouseEvent.MOUSE_DOWN,　function(e:MapMouseEvent):void　{　
　　//定义一个标志,　
　　//true　表明鼠标点击的坐标是直线的起始点，　
　　//false　表明鼠标点击的坐标是直线结束点　
　　if　(this.isStartPoint　==　undefined){　
　　　　this.isStartPoint　=　true;　
　　}　
　　if(this.isStartPoint){　
　　　　this.startLatLng　=　e.latLng;　　　
　　}else{　
　　　　this.endLatLng　=　e.latLng;　
　　　　//先声明一个数组,用于存放坐标数据　
　　　　var　array:Array　=　new　Array();　
　　　　//将坐标添加到数组里面　
　　　　array.push(this.startLatLng,this.endLatLng);　
　　　　//声明线条的样式,　
　　　　//Color　是线条的颜色,　
　　　　//alpha　是线条的透明度,　
　　　　//thickness　是线条的宽度　
　　　　var　strokeStyle:StrokeStyle　
　　　　　　=　new　StrokeStyle({color:0xFF0000,alpha:　0.1,thickness:5});　
　　　　var　polylineOption:PolylineOptions　
　　　　　　=　new　PolylineOptions({strokeStyle:strokeStyle});　
　　　　//声明Polyline　
　　　　var　polyline:Polyline　=　new　Polyline(array,polylineOption);　　
　　　　//添加　Polyline　到　map　对象里　
　　　　map.addOverlay(polyline);　
　　}　
　
　　this.isStartPoint　=　!　this.isStartPoint;　
});