编写 Firefox 扩展，用于旋转在线地图应用程序中的图像

学习如何使用 JavaScript 和 Imager Perl 模块连接 Firefox 扩展，从而在 Google Maps 中旋转图像块（tile）。

许多在线地图应用程序认为理想的视图应该始终处于图像顶部的北端。本文提供的工具和代码展示了如何使用反转的副本替换现有的地图图像，反转后的图像的南端位于顶部。通过使用 Firefox 扩展和 Imager Perl 模块，组成整个图像的所有图片块都被抽取、旋转，然后再放回到图像中适当的位置。

硬件和软件要求

旋转图像和处理扩展只占用少量的 CPU。2000 年以后的机器都能运行本文提供的代码。

除了需要 Firefox 以外，您还需要 Imager Perl 模块和 Perl 本身（参见 参考资料）。尽管只在 Firefox V3 和 Ubuntu V7.10 上进行了测试，这些代码应该能够在更早期的 Firefox 版本和其他支持 Perl 的操作系统上运行。

回页首

旋转过程

旋转手持地图能够更轻松地根据导航界面调整您的方向。下面描述的扩展提供一个包含传统地图的界面，如图 1 所示，然后将其旋转 180 度角，如图 2 所示。

图 1. 北端在上边



图 2. 南端在上边

构建 mapRotate 扩展的第一步是提取在 developerWorks 文章 “Integrate encryption into Google Calendar with Firefox extensions” 中使用的框架（参见 参考资料）。下载源代码压缩包，并将其解压缩到任意目录。本文使用的目录是 /home/nathan/mapRotate。

回页首

修改现有的扩展

将来自文章 “Integrate encryption into Google Calendar with Firefox extensions” 的代码文件解压缩到 /home/nathan/mapRotate，并用以下的内容替换 install.rdf 文件的内容。

清单 1. 新的 install.rdf 的内容

本文转自IBM Developerworks中国

      请点击此处查看全文