編寫 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中國

      請點擊此處查看全文