background preloader

以 HTML5 開發 Mobile Web App

Facebook Twitter

Teaching in Taiwan, ESL, EFL Jobs in Taiwan. 使用 Google Maps API (v3) 中的 Image Map Type. 使用 ImageMapType 讓你的 Maps 更有自己的風格!

使用 Google Maps API (v3) 中的 Image Map Type

前情提要 因為義務幫忙今年的 COSCUP 製作了一個 webapp 供參加者來使用,目前已經接近完成(因為有別的事在忙,所以拖了有點久)的階段,過幾天會正式放出來給大家使用,不過我先寫一些製作的心得分享文。 什麼是 ImageMapType 在 COSCUP Mobile WebApp 中的「Maps」部份,為了顯示出活動地點的室內平面圖,這個東西是我參考 Google I/O 2010 提供的會場地圖的方式而製作出來,使用自己繪製的平面圖疊加在原本的衛星圖資之上,它的顯示效果如下所示: 如果你曾經有注意過 Google 與電影「赤壁」合作過的活動網頁,你會發現其中有一個呈現赤壁古戰場風貌的地圖小工具(Mapplet),而它也是利用了 ImageMapType 的方式將古地圖貼上去。 開發手機版網頁. 稍微整理一下最近開發行動版網站的心得。

開發手機版網頁

最近因為工作的關係,開始接觸手機版網頁的開發,不過我沒有參考什麼書籍,翻了幾個網頁、看了幾個網站的成果,再加上自己的想法,整理出來一些開發的心得,希望有各方好手能不吝賜教。 為什麼要做手機版的網頁?