Skip to content

Tag: api

Categories:

HTML5 WebStorage API snippet

Post date:
Author:
Tags: , , 

這個簡單的程式可以讓你稍微少打幾個字就能存取 WebStorage，除此之外沒什麼幫助 :p 前言 HTML5 WebStorage API 可以讓開發者以 key-value pairs 格式的 DOMString 資料儲存在用戶端瀏覽器內，和 cookie 很像，最大的差別就在於 WebStorage API 並不會隨著 HTTP request 傳送，對於節省流量能有些許幫助。 除此之外，cookie 可以設定 expires 調整存活時間，而 WebStorage API 就只有 localStorage（永久或手動清除）及 sessionStorage（視窗或分頁關閉）。

Read More: HTML5 WebStorage API snippet
Categories:

[修正] Google Maps API v3 畫圓參數修正

Post date:
Author:
Tags: , 

自從發表了 Google Maps API v3 畫圓文章至今，Google Maps API 已更新至 3.4 版。 目前發現從 3.3 開始，Circle options 中的 fillColor, strokeColor 必須填寫完整的 Hex Code 而不能使用簡短寫法，例如：#369 就必須寫成 #336699。 所以就順手修正了 Google Maps API v3 畫圓 Demo。

Read More: [修正] Google Maps API v3 畫圓參數修正
Categories:

Google Maps API v3 畫圓

Post date:
Author:
Tags: , , , 

Google Maps API 之前的畫圓方式通常需要自己根據座標去計算每一個點的位置再劃線串接，不過在 v3 之後直接提供一個 Circle 類別可以很輕鬆地就畫出： var circle = new google.maps.Circle({ center: Latlng clickable: true/false, radius: number, map: map, strokeColor: string, strokeWidth: number, strokeOpacity: number, fillColor: string, fillOpacity: number }); DEMO: http://app.essoduke.org/yt/

Read More: Google Maps API v3 畫圓
Categories: , , 

Google Map 座標工具 v1.1

Post date:
Author:
Tags: , , 

今天邊玩 Web 棒球的同時，就順手更新了 Google Map 座標工具。 Google Maps 早在 2007 年就已經開放可以搜尋台灣地址，所以 v1.1 主要是加入顯示標記地址的功能，下次預計會加入最基本的搜尋並且可以自訂 JSON 的輸出內容。 這次使用了 Google Maps API Geocoding Service。Geocoding 傳回的是一組包含座標、地址、郵遞區號等資料的 JSON，所以這部份很好處理，比較棘手的是遇到 jQuery selector 抓不到 append 所建立的 li 清單，所以用了 jQuery FlyDOM Plugin 建立 DOM 的方式來解決。 延伸閱讀： Google Map 座標工具 Google地圖 – 維基百科，自由的百科全書

Read More: Google Map 座標工具 v1.1
Categories: , 

Google Map 座標工具

Post date:
Author:
Tags: , , , 

因為這個案子的需要，所以就做了 Google Map 座標工具，靈感來自於 Interactive Polyline Encoder Utility，但是沒有加入劃線功能，只多了輸出 JSON 的選項。 ※支援 Firefox 3/Opera 9.6，IE6/IE7 在拖曳上似乎有問題… Google Map 座標工具 先點選要標記的位置（可連續點選、拖曳）右側的清單上就會出現該點的座標，也可以點選清單內的座標，左側地圖就會顯示出對應的標記；輸出 JSON 的作用是方便後續的應用，包括存入資料庫…等等。 改天再補上 Google Maps API 的使用心得… 延伸閱讀 Google Maps Google Maps API

Read More: Google Map 座標工具