天天看點

Flex:地圖縮放平移效果(簡易版)

先看效果:(這個隻是原型,簡陋了點)

功能: 輕按兩下圖檔或拖動右側的滑塊可實作圖檔的放大,滑鼠按下不放可平移圖檔。

應用場景:目前各地鐵、醫院、大型商場、機場均有單點觸摸查詢屏,用這個功能可以實作使用者的簡單自助地圖導航。

技術含量:這個,真木有!

唯一要注意的是,flash中任何物體的"基準注冊點"均為左上角的頂點,且沒辦法修改(注:所謂基準點是指不論是縮放,還是旋轉,都是以這個點為參考原點。)

不足之處:這個隻是單純的圖檔縮放,文字是做死在圖檔上的,這樣有幾個問題

1、圖檔與文字無法分離,每次修改或添加文字,整個圖都要重做一遍,維護不友善。

2、如果文字大小不合适,縮放時會導緻文字模糊不清晰

3、不适合文字的分級顯示(這一點用過丁丁地圖或google地圖的人應該能了解,地圖每放大一級,會顯示更詳細的地點文字辨別)

文字圖檔分離的思路我已經有了,有空實踐後,整理上來,也歡迎大家回複讨論。當然如果要實作跟google地圖一樣或類似的功能,還要考慮很多優化措施,比如圖檔的分塊加載,也歡迎共同交流。(雖然圖檔分塊加載在觸摸屏這種固定裝置上不用過多考慮,但如果作為pc網際網路的web應用,這個是改善性能的重要難點)

繼續閱讀