在 Google Maps 內多邊形取點 Point in Polygon - OA Wu's Blog
在 Google Maps 內多邊形取點 Point in Polygon
在 Google Maps 內多邊形取點 Point in Polygon
Google MapsJavaScript
在 Google Maps 內多邊形取點 Point in Polygon 這是項個人開發的工具,而且需要前後端配合一起弄的作品,主要目的是撈出藉由不規則多邊形範圍內的點座標。 前端 主要是 Google Maps JavaScript API v3 的地圖服務應用,利用 Google Maps Marker、Google Maps Polyline 去畫出一個不規則多邊形,並且利用 Ajax 去後端撈取…
實作 Google Maps 右鍵選單 - OA Wu's Blog
實作 Google Maps 右鍵選單
實作 Google Maps 右鍵選單
Google MapsJavaScript
實作 Google Maps 右鍵選單 此作品主要在於開發出可以在 Google Maps 上面編輯基本路徑的功能,利用 Google Maps JavaScript API 設計出規劃路線的工具,並且可以匯出路間經緯度 Excel。 在 Google Maps 上顯示選單,主要是使用 Google Maps JavaScript Events 來實作,並且搭配 Marker、Polyline 來繪製出路線圖,並且針…
PHP 實作 ElasticSearch PDO 物件 - OA Wu's Blog
PHP 實作 ElasticSearch PDO 物件
PHP 實作 ElasticSearch PDO 物件
PHPElasticSearch
PHP 實作 ElasticSearch PDO 物件 這是一套 ElasticSearch 基本 Create、Read、Update、Delete(CRUD) 的使用工具,其工具主要目的就是將資料撈出來並且物件化,架構於 Elastic Library,將讀取出來的資料物件化,以及包裝成方便開發的工具。 主要功能是經由各種 類別方法(static),對 ElasticSearch 實作 新增、查詢、修改…
天氣地圖 Weather Maps - OA Wu's Blog
天氣地圖 Weather Maps
天氣地圖 Weather Maps
jQueryPHPGoogle Maps中央氣象局開放資料Weather
天氣地圖 Weather Maps 這項做主要是藉由中央氣象局的網站資料建置出來的,其中主要功能是可以藉由 Google Maps 查詢各地方的天氣預報概況,並且可以查看各個地區的每小時溫度變化,以及搭配使用 localStorage 來實作前端關注的功能。此作品主要利用 PHP 取得資料,並且編譯成 HTML 檔案上傳 Amazon S3,此架構不僅可以減…
OAHUD - OA Wu's Blog
OAHUD
OAHUD
iOSObject-CHUDApp
OAHUD 因為看到很多 GitHub 上的專案都寫 HUD,這幾天再研究一種東西,一開始我還不知道怎去下關鍵字 Google,不過找著找著 漸漸有方向了!所以就找了一些範例,以及 Google 找資料亂寫亂測,然後有了一點點心得,就來分享一下,如果有觀念不正確請各位指教! 簡略講解一下,首先我看了 MBProgressHUD 的做法,其中的 show…
CatMap - OA Wu's Blog
CatMap
CatMap
iOSGoogle MapsInstagramObject-CApp
CatMap 此作是我第一個比較完整的 iOS 的 App,主要利用基本的 iOS 元件製作照相上傳、分享、地圖功能,以下是我一些學習的筆記與心得! App 沒什麼主要方向,這就只是個到處模仿的小作品,一開始利用了 TableView,再經由客製化的 TableViewCell 去做出類似 Instagram、Facebook 的動態訊息頁,然後再利用 ImagePickerCon…
實作 Instagram Maps 相片地圖 - OA Wu's Blog
實作 Instagram Maps 相片地圖
實作 Instagram Maps 相片地圖
Google MapsJavaScriptInstagram
實作 Instagram Maps 相片地圖 Instagram App 當中有一項很特別的功能是我很喜愛的,就是地圖模式的瀏覽照片,而且 Instagram 將這項功能優化得不錯,使得當地圖縮小時,密集的 Marker 會合成一個 Marker,而這樣的地圖功能在 Google Maps JavaScript API 上可以實作得到! 簡單說,這個專案的目的是利用 Google Mpas 來模…
Google Maps 大富翁 - OA Wu's Blog
Google Maps 大富翁
Google Maps 大富翁
Google Maps
Google Maps 大富翁 這是一個使用 Google Maps JavaScript API 製作的大富翁遊戲!基本上是利用 Google Maps Markers 以及 Polyline 所建置出路線、節點、角色、計分、蓋房... 等設計! 這是一個使用前端 JavaScript、Google Maps 所設計的大富翁遊戲,主要也使用了 jQuery 以及 SCSS 等工具實作,利用 Google Maps Marker…
歐芙娜 OFNA - OA Wu's Blog
歐芙娜 OFNA
歐芙娜 OFNA
接案
歐芙娜 OFNA 這是一個前、後、系統端技術的外包案實作,其網站名稱為歐芙娜 OFNA,此專案主要負責前端刻板、後端串接、系統端部署部份,版型設計則由宙思設計所製作。 此專案是常見的官網實作,主要由後台的上稿系統挑選完稿後,前台即可顯示所編輯的資料,而前端部分有常見的 Banner 輪播、資訊列表、聯絡我們功能!後端 …
寬堂空間設計 - OA Wu's Blog
寬堂空間設計
寬堂空間設計
接案
寬堂空間設計 這是一個前、後端技術的外包案實作,其網站名稱為寬堂空間設計,此專案主要負責前端刻板、後端串接部份,版型設計則由宙思設計所製作。 此專案是我第一次承接視差滾動(Parallax Scrolling)的專案,一般前端常見的視差滾動有層級數量的差異,此專案是使用兩層,所以是差沒有道非常的顯著,但是從背景依然可以…
實作 Flickr API 搜尋器 - OA Wu's Blog
實作 Flickr API 搜尋器
實作 Flickr API 搜尋器
Flickr
實作 Flickr API 搜尋器 這是一個簡單快速搜尋 Flickr 的前端工具,借由輸入想搜尋的圖片關鍵字而撈取出 Flickr 上面的熱門照片! 專案內利用了 Flickr API 製作,作品中 JavaScrip 經由 Flickr Tag API 撈出符合關鍵字的照片集,然後再利用瀑布流套件 Masonry 完成瀑布流效果的搜尋結果。 使用方式如下: 於網頁上方的 搜…
用 jQuery 實作 Youtube 播放器 - OA Wu's Blog
用 jQuery 實作 Youtube 播放器
用 jQuery 實作 Youtube 播放器
jQueryYoutube
用 jQuery 實作 Youtube 播放器 此作品主要是練習 Youtube API 的運用,主要功能是利用 API 來操作播放清單以及播放參數的設定。 雖然這功能有點多此一舉..(Youtube 就可以做清單了),但是還是分享一下製作心得! 功能主要就是利用 Youtube 所提供的 API 再利用 Local Storage 紀錄播放清單,再利用 JavaScript 按鍵事件,…
吳政賢 個人簡歷 OA Wu LiveCoding.tw