用 Flex 开发 Google Map 应用程序
2010-01-14 00:00:00 来源:WEB开发网通过刻度条来缩放地图不是很方便,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. 默认的消息窗口
如果您觉得该方法提供的消息窗口不够漂亮,也可以自定义消息窗口。这需要你创建一个继承 Sprite 类的 ActionScript 类,完整代码请查看 代码下载 部分 source.zip 中的 MyInfoWindowSprite.as,清单 6 的代码演示了如何调用自定义的消息窗口。
- ››Google运作经理Bryan Power给出的GOOGLE求职意见
- ››Google用户体验的十大设计原则
- ››开发学院教你用SQL 语句最快速清空MySQL 数据表的...
- ››Google Analytics(分析)能为网站带来什么
- ››Google goggles图片搜索 如何优化一个wap网站
- ››Google Docs将增加iPhone和Android编辑功能
- ››Google Android操作系统内核编译图文教程
- ››google map api 与jquery结合使用--控件,监听器...
- ››google map api 与jquery结合使用(2) --标注,浮...
- ››google map api 与jquery结合使用(3) --图标样式...
- ››开发一个自己的HTML在线编辑器(一)
- ››开发一个自己的HTML在线编辑器(二)
更多精彩
赞助商链接