Map Dreamer 地圖夢想家

我們所夢想的事情,將會一一在NNGIS中逐步展現

(NNGIS開發者非官方手札)

FLEX 和 MAP 的邂逅(1) - 暈渲的奧秘

Published by Squek's Blogger under on 1/21/2010 06:03:00 下午

NGIS所使用的技術,是最新的FLEX MAP,所以今天要跟大家介紹的是,FLEX和MAP邂逅時會產生的火花,以前的地圖...不,應該說大部分的地圖網站,都是利用一般的網頁技術做呈現,能做的效果、特效,在各個地圖網站高手的努力下,已經發揮得淋淋盡致。

但是,當 FLEX 和 MAP 邂逅時,一切都不一樣了

各位可以想想看,您在任何Flash網頁上,像是偷菜、偷魚、開餐廳,看得到的、聽得到效果,通通可以搬到地圖上來,光這點,就讓我們NNGIS團隊感到無比興奮!

就從暈渲開始講起吧,講到到"暈渲",一般人會認為那只是顯示上的特效罷了,那....您可太小看暈渲了,暈渲不只有華麗外表,除了"看",其實它還可以"用",甚至還會"動"呢!

因為拜FLEX MAP所賜,我們的NGIS可以很簡單地,在系統中做到暈渲的效果,不像以往的暈渲,一定要仰賴美工人員,跟斯斯一樣,暈渲有非常多種,可以做到的效果也不一樣,介紹FLEX裡面暈渲的幾個重要成員:1.暈渲強度、2.暈渲方向、3.暈渲透明度、4.暈渲顏色。
暈渲可以套在任何物體上,包括文字、圖片、視窗、圖形上,就如各位看到的,暈渲的第一個功能就是提升視覺上的質感


暈渲的第二個功能是增顯,當地標貼在電子地圖上,切換到顏色較深的影像地圖時
這時加一點暈渲在地標上,可以看到有區別前後景的效果,電子雷達的選單一樣使用此效果喔!


暈渲的第三個功能,是
滑鼠上的回饋,我們在進階選單和快速定位中,當滑鼠經過任何物件時,加點暈渲表示使用者到此一遊,雖然只是個小效果,但感覺很不一樣


最後暈渲還會"",在快速定位中,當滑鼠經過任何縣市鄉鎮時,暈渲會顯示後漸弱,出現所謂的"殘像",在質感上更是沒話說,(實際操做效果更佳)




暈渲的概念很簡單,但要用到恰到好處不容易。包括要用什麼顏色、透明度要多少、要用在什麼地方上面等,是需要絞盡腦汁、不斷嘗試地,一個網站做得很有"質感",通常暈渲占了很大的比例

最後,各位猜猜看,NGIS使用了多少暈渲效果??

待續



地圖的故事-6 地形與地圖結合

Published by Jerry's Comments under on 1/12/2010 10:34:00 上午
2010第一篇文章,先補祝大家新的一年事事如意!

接續前一年的文章,在自然環境倉儲系統的地圖內容,接下來要介紹的,是將地圖與地形資訊來結合。

相信許多經常接觸地圖與專業應用的人士一定聽過基本地形圖,簡單地說地形圖是以地形變化為基礎資訊,再結合相關的地物等資訊,進行呈現。大家如果對地形圖的興趣,可以至基本地形圖分組的網站查詢進一步的資訊。不再在此贅述。

除了地形圖以外,還有沒有其他的方法來在地圖上呈現地形資訊呢?自然環境分組倉儲系統也花了相當多的時間來研究與嘗試,要如果利用豐富的地形資訊,強化原有的地圖內容。經過非常多次的測試,兼顧內容豐富度與透過網頁介面的效能提供了多種地形相關的地圖呈現成果:

1.地形等高線
等高線在一般的基本地形圖上是一個必要的元素,一般在網頁式的空間資訊系統中較少看到有這樣的成果呈現,主要是因為過去透過線上計算等高線,會耗去極大的的系統資源與時間,加上如果沒有做好介面設計與管理,很容易讓系統呈現一團亂的現象,不易閱讀,反而減低了等高線資訊的本意。自然環境倉儲系統為了將地形等高線在地圖上清晰地呈現,在呈現的內容與色彩上也加以設計。


首先,在「加值底圖」功能下,勾選『地形資訊』中的『等高線』功能,就可看到等高線了。在不同的比例尺地圖上,看到的等高線間距也有所差異,例如下圖的地圖是1/250,000比例尺,為了圖面的清晰,等高線就只呈現每1,000m的大間距。


而如果放大比例尺至1/15,000時,等高線就會變成每100m標示一條了。如下圖



當然,也可以改變底圖的內容,或套疊圖層,再搭配地形等高線,會有更豐富的效果。



2.坡度地圖
除了地形等高線外,還有什麼其他的地形資訊呈現方式呢?這也著實困擾了開發團隊,經過多次的試驗,結果發現如果用地形「坡度」,來製作一幅地形坡度地圖,應該也是一種不錯的方法吧!
坡度地圖是利用數值地形高程資料來產製,坡度的計算方式,請參考本分組GIS知識庫「坡度」。地圖上呈現的結果,越深色表示地形變化越大。



同樣地,可以利用透明度調整,與套疊相關圖層來修改地圖呈現效果與資訊。


3.地形起伏彩色暈渲圖
如果想在地圖上呈現地形起伏變化,但是對等高線的呈現方式又不易閱讀,可以試一試我們特別產製的「地形起伏彩色暈渲圖」,利用地形高程變化,加上陰影效果,很容易在小比例尺下看到地形的起伏。
這類的地圖只看底圖,無法看出其中的奧妙,如果加上道路、GIS圖層套疊等,就可以完成一幅精美的地圖,豐富的資訊翩然呈現於圖上,如下圖。


大家可以猜一猜,上圖一共用了哪些地圖圖層,才有這樣的效果呢?

待續