Gmail 的別名使用

Google Gmail 的帳號可以使用別名

簡單說就是,帳號內可以多加上 + 或 . 符號,不過 Gmail 視同同一帳號,也就是

abc@gmail.com = a.bc@gmail.com = abc+123@gmail.com

不過 + 符號不是標準的 Email 格式,因此只能使用 . 符號,而且不得連續使用,如 a..bc@gmail.com

Google APPS 只能使用 +別名

如果是 Google APPS 企業用戶,無法使用 . 符號,只能使用 + 別名方式

1,011 total views, 1 views today

Google Map v3 使用一:定位、標注、標注說明

參考資源

擁有自己的 API KEY

現在的 Google Map 都需要使用的 API KEY  才能使用,以前的 signed_in=true 已經沒有作用了

程式範例一:將地圖移動到想要的位置

 

程式範例二:加上一個標記

 

程式範例三:標記點選顯示詳細資訊

 

  1. 在指定地點加上自訂圖案標注
  2. 該標注可點擊跳出資訊視窗
  3. 取消其他控制地圖操作,例如拖曳、滾輪放大縮小等。參考 How to disable mouse scroll-wheel scaling with Google Maps API

 

選擇地點上傳及嵌入網頁

回傳 Json

 

網頁 HTML

將查詢到的經緯度 lat, lng 套入到 Google maps embedded 的網址內

 

1,584 total views, 2 views today

多圖集合定位取用之應用 — 以 Google & MineCraft 為例

Google 的 PNG 圖片例子

我們在 Google 上可以看到精簡的網頁上還是有一些小圖片,可是當我們去追蹤圖片路徑時,發現他並不是單一圖片,而是一個大圖片,裡面集合了網站使用到的圖片元素。

以右側搜尋按鈕裡的放大鏡為例

放大鏡的 CSS ID 為 .sbico ,以下是此範例另外擷取使用的 HTML 網頁原始碼

瀏覽器看起來長這個樣子

直接說明關鍵 CSS 語法

  • background:url(http://www.google.com.tw/images/nav_logo107.png) :圖片設定在背景,不是直接插入
  • no-repeat :圖片不作任何重複動作
  • -137px -243px : 第一個數據為從左至右的距離;第二個是從上而下的距離,單位是像素,最終定位的位置如下圖
  • height:15px; width:15px;  :這張圖片長、寬各為 15 像素

-137px -243px 定位示意圖

 MineCraft 的材質包例子

 

369 total views, 1 views today