google map Api介面整理

 Google Map Api介面整理

一：基本知識：

 1. 使用Google地圖 API 的第一步就是要註冊一個 API 金鑰，需要注意一下兩點：

    1.如果使用 API 的頁面還沒有發布，只是在本地調試，可以不用密鑰，隨便用個字串代替就可以了。

    2.API 金鑰只對網站目錄或者域有效。對不同域的網頁，需要用這些域分別註冊不同的密鑰

2.頁面引用javascript檔案<script src="http://ditu.google.com/maps?file=api&hl=zh-CN&v=2&key=abcdefg" type="text/javascript"></script>

   URL（http://ditu.google.com/maps?file=api&hl=zh-CN&v=2&key=abcdefg）解析：

     1.ditu.google.com：也可以用ditu.google.cn，如果你需要在地圖上顯示大陸以外的詳細地圖，就用 maps.google.com

     2.file=api 這個是請求API 的JS 檔案用的,固定的格式。

     3.hl=zh-CN

      這個是在設定地圖上除了地圖圖片以外的諸如控制項名稱、著作權聲明、使用提示等所需要顯示文本的語言版本時候用的，如果沒有指定這個參數就使用 API 的預設值，對itu.google.com 來說，預設是中文簡體aps.google.com 預設的是英文。

     4. v=2

      這個是用來指定需要匯入的 API 類庫的版本號碼，可以有四種設定方式：

        v=2.s  穩定版本，更新最慢，但是最可靠；

        v=2 目前的版本（只用主要版本號），更新速度和可靠性介於 s 和 x 之間

        v=2.x 最新版本，更新最快，包括最新功能，可能沒有目前的版本可靠；

        v=2.76 指定具體版本。不建議使用。

    註：目前Google地圖 API的主要版本號是2，當API升級時舊版本只能繼續使用一個月，所以要及時更改主要版本號,版本號碼改變會在Google Code和Maps API討論群組發布相關資訊

     5.key=abcdefg這個是設定你註冊的 API 金鑰.

  

二：核心類：

   google地圖API主要包括：地圖類（GMap2）、標記類（GMarker）、標記選項類（GMarkerOptions）、折線類（GPolyline)、經緯度（GLatLng）、命名空間（GEvent）、座標類（GPoint）、控制項的大小類GSize、interface（GControl）、地圖類型類（GMapType）、地圖上面的表徵圖類（GIcon）、表單類（GInfoWindow）、表單選項類 GInfoWindowOptions）、介面GOverlay、枚舉GMapPane等等

   註：標記和折線都是地圖的覆蓋物

 1.GMap2：地圖類,下面執行個體化一張地圖：

   var map= new GMap2(container: DOM_Div,opts: Options);

   建構函式的參數如下：

    參數       是否必要      實值型別         定義

    container      是          DOM_Div    DOM元素，是個Div

    opts          可選        Options    建構函式選項

   

    GMap2包含的方法：

     1.設定狀態的方法：

       enableDragging()：設定地圖可以被拖動。

       disableDragging()：禁止地圖被拖動。

       draggingEnabled()：返回地圖是否能夠被拖動的布爾值。如果能夠拖動，返回"真"；否則返回"假"。

       enableInfoWindow()：設定地圖資訊視窗可以彈出。

       disableInfoWindow()：禁止地圖資訊視窗彈出。

       infoWindowEnabled()：返回地圖資訊視窗是否能夠被彈出的布爾值。如果能夠彈出，返回"真"；否則返回"假"。這個方法通常作為檢驗之用。

       enableDoubleClickZoom()：設定可以雙擊縮放地圖，左鍵雙擊為放大，右鍵雙擊為縮小（預設）。

       disableDoubleClickZoom()：禁止雙擊縮放地圖，Google Earth 預設為禁止雙擊縮放。

       doubleClickZoomEnabled()：返回地圖是否可以雙擊縮放的布爾值。如果能夠雙擊縮放，返回"真"；

       enableContinuousZoom()：設定地圖可以連續平滑地縮放。

       disableContinuousZoom()：禁止地圖連續平滑地縮放。

       continuousZoomEnabled()：返回地圖是否可以連續平滑地縮放的布爾值。如果能夠連續平滑地縮放，返回"真"；否則返回"假"。

       enableScrollWheelZoom()：設定地圖可以由滑鼠滾輪控制縮放。

       disableScrollSheelZoom()：禁止由滑鼠滾輪控制地圖縮放。

       scrollWheelZoomEnabled()：返回地圖縮放是否可以由滑鼠滾輪控制。如果能夠由滑鼠滾輪控制縮放，返回"真"；否則返回"假"。

       isLoaded() 傳回型別布爾值 如果地圖已經被setCenter()初始化，則返回true.

    2.得到地圖的資料資訊方法：     

       getCenter() 傳回型別GLatLng 返回地圖中心點的地圖座標.

       getBounds() 傳回型別GLatLngBounds 返回地圖視口範圍的矩形地區的地理座標.

       getBoundsZoomLevel(bounds) 傳回型別數字返回顯示指定的地區需要的最適合的地圖縮放等級.該縮放等級是根據當前的地圖類型計算出來的，如果還沒有指定地圖類型,將使用地圖類型數組之中的第一項.

       getSize() 傳回型別GSize 返回地圖視口的像素大小.

       getZoom() 返回數字 返回當前的縮放等級.

       getContainer()：取得地圖的容器

       getCurrentMapType()得到當前的地圖類型。注意得到的是地圖類型GMapType對象，而不是對象名稱

    3.設定地圖：

      setCenter(center, zoom?, type?)將地圖視圖切換到指定的中心點,也可以同時設定可選的地圖縮放等級和地圖類型.地圖類型必須已經添加到地圖.

      addMapType()該方法必須在構造地圖執行個體之後初始化地圖狀態時立即執行.在地圖剛剛構造的時候調用地圖其他的方法都將會產生錯誤.

      panTo(center) 設定地圖的中心點到指定的座標，如果該點已經在當前的視口之中，則地圖中心會滑動到該位置.

      panBy(distance) 地圖滑動指定的像素距離.

      panDirection(dx, dy) 以指定的方向滑動地圖寬度一半的距離.+1代表右方和下方,-1代表左方和上方.

      setZoom(level)設定地圖的縮放等級到給定值.

      zoomIn()縮小地圖(將地圖的縮放等級增加1).

      zoomOut()放大地圖(將地圖的縮放等級減少1).

      savePosition()儲存地圖當前的位置和縮放等級,以供以後通過returnToSavedPosition()方法來返回當前視圖.

      returnToSavedPosition()返回到上一次通過savePosition()儲存的地圖視圖.

      checkResize()檢查地圖容器(container)的大小是否已經發生變化,在地圖容器DOM大小可能發生變化的時候調用該方法,以便地圖能進行自動調整.

      setMapType(GMapType):設定地圖類型：大概有三種類型：G_NORMAL_MAP,G_SATELLITE_MAP,G_PHYSICAL_MAP，

      removeMapType(GMapType)從當前地圖上刪除一個地圖類型。

      enableGoogleBar():設定地圖上的搜尋欄

 

    4.有關地圖覆蓋物的方法：

      addOverlay(overlay) 在地圖上添加一個標註並觸發地圖的addoverlay事件.

      removeOverlay(overlay) 在地圖上刪除指定的標註.如果該標註確實在地圖上.

      clearOverlays()刪除所有地圖上的標註.

 

    5.有關資訊浮窗的方法：

     openInfoWindow(point, node, opts?)在指定的地理點開啟一個簡單的資訊浮窗.滑動地圖以保證開啟的資訊浮窗可見.資訊浮窗的內容以DOM節點的形式給定.

     openInfoWindowHtml(point, html, opts?)在指定的地理點開啟一個簡單的資訊浮窗.滑動地圖以保證開啟的資訊浮窗可見.資訊浮窗的內容以HTML文本的形式給定.

     openInfoWindowTabs(point, tabs, opts?)在指定的地理點開啟一個分標籤的資訊浮窗.滑動地圖以保證開啟的資訊浮窗可見.資訊浮窗的內容以DOM節點的形式給定.

     openInfoWindowTabsHtml(point, tabs, opts?)在指定的地理點開啟一個分標籤的資訊浮窗.滑動地圖以保證開啟的資訊浮窗可見.資訊浮窗的內容以HTML文本的形式給定.

     showMapBlowup(point, opts?)在指定的地理點開啟一個顯示指定點更近的視圖的資訊浮窗.

     closeInfoWindow()關閉當前開啟的資訊浮窗.

     getInfoWindow() 傳回型別GInfoWindow 返回地圖的資訊浮窗對象.如果當前並不存在資訊浮窗,則建立一個資訊浮窗而不顯示它.這個操作並不被enableInfoWindow()影響.

   

   6.控制項的方法：

    addControl(GControl)添加一個google地圖的控制項

    RemoveControl(GControl)刪除一個google地圖的控制項

   7. 樣本：

      var map = new Map2(document.getElementByIdx_x("map"),{size:GSize(200,200), backgroundColor:"#FF0000"});

      map.addControl(new GSmallMapControl());//添加一個地圖左側的縮放按鈕控制項

      map.addControl(new GMapTypeControl());//添加地圖類型控制項包括普通地圖、衛星地圖、混合地圖

      map.setCenter(new GLatLng(37.4419, -122.1419), 13); //執行個體化一個維度為37.4419、經度為 -122.1419的經緯度執行個體，然後設定地圖的中心。地圖縮放值為13

 

      // Add 10 markers in random locations on the map

      var bounds = map.getBounds();//得到地圖四周的邊界值

      var southWest = bounds.getSouthWest();//西南的經緯度

      var northEast = bounds.getNorthEast();//東北的經緯度

      var lngSpan = northEast.lng() - southWest.lng();//經度差

      var latSpan = northEast.lat() - southWest.lat();//維度差

      //執行個體化一個在本張地圖中的一個經緯度

      var point = new GLatLng(southWest.lat() + latSpan * Math.random(),

                          southWest.lng() + lngSpan * Math.random());

      var marker = new GMarker(point);//執行個體化一個標點

 

      //給標點加click事件，當點擊標點時彈出一個資訊窗

      GEvent.addListener(marker, "click", function() {

      marker.openInfoWindowHtml("<b>hello</b>");

      });

     map.addOverlay(marker);//把標點添加到地圖覆蓋物

   

   2.GMapOptions類:

這個類型包含以下4個屬性

    1.size

     預設情況下，你建立的地圖大小就是你給定的地圖容器的大小，所以，通常情況下，你需要顯式的聲明你的地圖容器的width和height屬性，否則，地圖是不能正常顯示的，但是，有了size這個可選屬性後，你就多了一個選擇了。你可以在建立地圖的時候直接通過size這個屬性指定地圖的大小，而不需要聽命於地圖容器了，即使這個地圖容器已經顯示的定義了width和height的大小。當然，size屬性對應的值是一個GSize類型的資料，比如，如果給定options={size:GSize(400, 300)}，那麼，你所建立的地圖大小就是400×300的一個 矩形塊，而和你指定的容器大小無關。

 

   2.mapType

    建立地圖後，預設顯示的地圖類型是普通地圖，如果要加上可以選擇的衛星地圖、地形地圖等等其他類型的地圖，可以使用GMap2.setMapType()方法，但這樣往往會羅列一堆的setMapType。GMapOptions提供了mapTypes這個可選項，通過一個數組就可以給地圖加上多種支援類型，比如使用{mapTypes:[G_NORMAL_MAP,G_SATELLITE_MAP,G_PHYSICAL_MAP]}

，你的地圖就擁有三種普通、衛星、地形三種類型了。mapTypes數組中的第一項是地圖載入的預設類型，所以，如果你想預設載入衛星地圖，把G_SATELLITE_MAP移到數組的第一項就可以了。

 

   3.draggableCursor、draggingCursor

    這兩個選項是用來定義地圖上你的游標類型，我把它們放在一起介紹不等於它們必須一起使用，你可以單獨使用任何一個。其中，draggableCursor是地圖可拖拽狀態（預設就是可拖拽的）下的游標，draggingCursor是拖拽地圖時的游標，對應的值和你在JavaScript裡面設定其他的游標時使用的值一樣，比如，

{draggableCursor:"crosshair",draggingCursor:"move"}。當然，你也可以使用url形式加上你自己的表徵圖

   4.backgroundColor

    在地圖底圖的圖片還沒有傳送完成之前，地圖的顯示地區預設會使用灰色填充，這個就是backgroundColor可以發揮作用的地方了，你可以把灰色換成其他任何符合W3C標準的顏色

  5.googleBarOptions

    這個和你在地圖上通過GMap2.enableGoogleBar()時有關係，指定你添加GoogleBar時的一些預設屬性

  樣本：

   var options = {size:GSize(400, 300), backgroundColor:"#FF0000"};

   var map = new GMap2(document.getElementByIdx_x("mapContainer"), options);

 

 3.GMarker類

      建構函式：

      1.GMarker(point, icon?, inert?) 在指定位置point使用指定表徵圖icon或G_DEFAULT_ICON建立一個標記.如果inert參數為true,該標記將不可點擊而且沒有任何參數.(2.50版本不再支援)

      2.GMarker(point, opts?) 在指定位置point使用指定的選項GMarkerOptions建立一個標記.預設標記能夠點擊並使用預設表徵圖G_DEFAULT_ICON. (從 2.50開始支援)

      Gmarker包含的主要方法：

      1.openInfoWindow(content, opts?) 在標記表徵圖之上開啟地圖資訊視窗。資訊視窗的內容為 DOM 節點。僅適用於 GInfoWindowOptions.maxWidth 選項。

      2. openInfoWindowHtml(content, opts?) 在標記表徵圖之上開啟地圖資訊視窗。資訊視窗的內容顯示為包含 HTML 文本的字串。僅適用於 GInfoWindowOptions.maxWidth 選

 

項。

      3.getIcon() GIcon 如建構函式所設定的，返回此標記的 icon。

      4.getTitle() String 如建構函式通過 GMarkerOptions.title 屬性所設定的，返回此標記的標題。如果未傳入標題，則返回“undefined（未定義）”（自 2.85 開始）

      5.getPoint() GLatLng 如建構函式或 setPoint() 所設定的，返回此標記錨定的地理座標。（自 2.88 開始建議不要使用）

      6.getLatLng() GLatLng 如建構函式或 setLatLng() 所設定的，返回此標記錨定的地理座標。（自 2.88 開始）

      7.setPoint(point) none 設定此標記所錨定點的地理座標。（自 2.88 開始建議不要使用）

      8.setLatLng(point) none 設定此標記所錨定點的地理座標。（自 2.88 開始）

      9.enableDragging() none 允許在地圖上拖拽標記。對於函數，必須已經用 GMarkerOptions.draggable = true 初始化標記。

      10.disableDragging() none 禁止在地圖上拖拽標記。

      11.draggable() Boolean 如果已使用 GMarkerOptions.draggable = true 通過建構函式對標記進行了初始化，則返回 true。否則，返回 false。 

      12.draggingEnabled() Boolean 如果當前允許使用者在地圖中拖拽標記，則返回 true。 

      13.setImage(url) none 請求將 url 指定的映像設定為此標記的前景圖。註：不調整列印映像和陰影映像。因此，此方法主要是為了達到高亮顯示或變暗顯示效果，而不是徹底改變標記的外觀。（自 2.75 開始）

      15.hide() none 如果當前標記可見，則隱藏標記。註：如果當前標記可見，則此函數會觸發 GMarker.visibilitychanged 事件。（自 2.77 開始）

      16.show() none 如果當前標記不可見，則顯示標記。註：如果當前標記不可見，則此函數會觸發 GMarker.visibilitychanged 事件。（自 2.77 開始）

      17.isHidden() Boolean 如果當前標記不可見，則返回 true。否則，返回 false。（自 2.77 開始）

 

 

    樣本：

      1.

       var point = new GLatLng(pointx,pointy);

       var icon = new GIcon();

       icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";

       var myMarker = new GMarker(point, icon);

       alert(myMarker.getIcon().image);

      2.

       var point = new GLatLng(pointx,pointy);

       var myMarker = new GMarker(point,{draggable:true});//可拖拽的標記

       alert(myMarker.getPoint());

                     

  4.GPolyline類

     建構函式

      GPolyline(latlngs, color?, weight?, opacity?, opts?) 根據頂點數組建立折線。color 是一個字串，包含十六進位數字、HTML 樣式的顏色，即 #RRGGBB。weight 是以像素表示的線寬度。 opacity 為 0 到 1 之間的數字。該線條是消除鋸齒且半透明的。

    GPolyline包含的方法

       1.getVertexCount() Number 返回折線的頂點數目。（自 2.46 開始）

       2.getVertex(index) GLatLng 返回折線中給定索引值對應的頂點。（自 2.46 開始）

       3.getLength() Number 返回沿地球表面的折線長度（以米表示）。（自 2.85 開始）

       4.getBounds() GLatLngBounds 返回此折線的邊界。（自 2.85 開始）

       5.hide() none 如果當前折線可見並且 GPolyline.supportsHide() 返回 true，則隱藏此線。註：如果當前折線可見，則此函數會觸發 GPolyline.visibilitychanged 事件（自 2.87 開始）

       6.isHidden() Boolean 如果當前折線不可見，則返回 true。否則，返回 false。（自 2.87 開始）

       7.show() none 如果當前折線不可見，則顯示該線。註：如果當前折線不可見，則此函數會觸發 GPolyline.visibilitychanged 事件。（自 2.87 開始）

       8.supportsHide() Boolean 如果當前環境下支援 GPolyline 對象的 GPolyline.hide()，則返回 true。否則，返回 false。（自 2.87 開始）

       註：如果您想在地圖裡面顯示折線，您需要在您的XHTML文檔裡麵包含VML命名空間和一些CSS代碼，這樣可以令它們在IE下面可以正常工作。XHTM文檔的開頭看起來就像這

 

樣：

 

       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

        <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">

         <head>

           <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

           <title>My Google Maps Hack</title>

             <style type="text/css">v/:* {behavior:url(#default#VML);}

              </style>

           <script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg" type="text/javascript"></script>

          </head>

  5.GLatLng類

      建構函式：

        GLatLng(lat, lng, unbounded?) 注意緯度和經度的順序。如果 unbounded 標記為 true，則表示數字以原始輸入狀態使用，否則緯度將在 -90 度到 +90 度之間，而經度在 -180 度和 +180 度之間周而復始。

       GlatLng包含的方法：

      lat() Number 返回以度數表示的緯度座標（-90 到 +90 之間的數值）。如果在建構函式中設定了 unbounded 標記，則緯度座標值可能超出此範圍。

      lng() Number 返回以度數表示的經度座標（-180 到 +180 之間的數值）。如果在建構函式中設定了 unbounded 標記，則經度座標值可能超出此範圍。

  

   6. GPoint類

      GPoint 是以像素座標表示的地圖上的一點。注意：在 v2 中，它不再是以地理座標表示的地面上的一個點。現在，地理座標可以用 GLatLng 表示。

     在地圖座標系統中，x 座標向右增大，y 座標向下增大。

     注意：GPoint 的兩個參數同 x 和 y 屬性一樣可訪問，但最好不要修改它們，而是在建立新對象時使用不同的參數。

  

    7. GEvent命名空間

     此命名空間包含的函數可用於註冊事件處理常式（既處理自訂事件也處理 DOM 事件）和觸發自訂事件。此 API 定義的所有事件都是由 GEvent.trigger() 內部觸發的自訂事件。

       addListener(source, event, handler) 返回GEventListener 為來源物件的自訂事件註冊事件處理常式。返回一個可用於最終登出處理常式的控制代碼。事件觸發時，this 將被設定為來源物件，同時呼叫事件處理常式。

       addDomListener(source, event, handler) 返回GEventListener 為來源物件的 DOM 事件註冊事件處理常式。來源物件必須為 DOM 節點。返回一個可用於最終登出處理常式的

 

        控制代碼  。事件觸發時，this 被設定為來源物件，同時呼叫事件處理常式。此函數將 DOM 方法用於當前瀏覽器，來註冊事件處理常式。

       removeListener(handle)刪除使用 addListener() 或 addDomListener() 安裝的處理常式。

       clearListeners(source, event)刪除使用 addListener() 或 addDomListener() 為給定事件在給定對象上安裝的所有處理常式。

       clearInstanceListeners(source)刪除使用 addListener() 或 addDomListener() 為所有事件在給定對象上安裝的所有處理常式。

       trigger(source, event, ...)使來源物件觸發自訂事件。將 event 後所有剩餘的選擇性參數依次輸入給事件處理常式作為參數。 

       bind(source, event, object, method)返回GEventListener 將給定對象的方法調用註冊為來源物件自訂事件的處理常式。返回一個可用於最終登出處理常式的控制代碼。

       bindDom(source, event, object, method)返回 GEventListener 將給定對象的方法調用註冊為來源物件自訂事件的處理常式。返回一個可用於最終登出處理常式的控制代碼。

       callback(object, method) Function 返回在 object 上調用 method 的 closure。

       callbackArgs(object, method, ...) Function 返回在 object 上調用 method 的closure。調用返回的函數時，將 method 後面所有餘下的選擇性參數依次輸入 method 作為參數。

    

    8.GClientGeocoder位址解析類：

     此類用於和 Google 伺服器建立直接通訊，以擷取使用者指定地址的地理位置資訊。另外，地理解析器可維護自己的地址緩衝，可以無需與伺服器通訊而回答重複的查詢。注意：目前中國地圖位址解析器只支援市/縣/區層級的地址。

     getLatLng(address, callback) 給 Google 伺服器發送請求，對指定的地址進行位址解析。如果地址已成功定位，則用 GLatLng 點調用使用者指定的回呼函數。否則，向回呼函數提供一個 null 點。如果地址不明確，則僅向回呼函數傳遞最匹配的點。（自 2.55 開始）

     getLocations(address, callback) 給 Google 伺服器發送請求，對指定的地址進行位址解析。包含狀態碼的回覆，如果回覆成功，則向使用者指定的回呼函數傳遞一個或多個 Placemark 對象。與 GClientGeocoder.getLatLng 方法不同，回呼函數可以通過檢查 Status 欄位的代碼值確定失敗原因。（自 2.55 開始）

    樣本：      

     var map = new GMap2(document.getElementByIdx_x("map"));

     var geocoder = new GClientGeocoder();

     var address="五道口"; 

     geocoder.getLatLng(address,function(point) {      

     if (!point) 

     {        

       alert(address + " not found");       

     }

     else 

     {        

       map.setCenter(point, 13);  

       var marker = new GMarker(point);        

       map.addOverlay(marker);        

       marker.openInfoWindowHtml(address);

       alert(point);     

     }

   });

       

   三：下面是Google API內建控制項

    

      GLargeMapControl：放大縮小調節杆

      GMapTypeControl：地圖和衛星圖片的切換功能

      GSmallMapControl：GLargeMapControl的精簡版 ，去掉了縮放的調節杆保留了縮放按鈕

      GSmallZoomControl：只包括縮放按鈕，去掉了GLargeMapControl裡其他的所有控制

      GScaleControl：比例尺控制項

 

    四：減少瀏覽器記憶體泄露

     Google Maps API鼓勵使用閉包/Closures，Maps API的第二版引入一個GUnload()函數，用於最大限度地消除可能引發記憶體泄露的循環參考。您應該在頁面的unload事件中調

 

用GUnload()函數來降低您的應用程式記憶體泄露的風險：<body onunload="GUnload()">這個函數確實可以消除Google地圖在Internet Explorer下的記憶體泄露，但是如果您比較關心

 

記憶體消耗問題，您仍舊應該用Drip之類的工具測試您自己網站的記憶體泄露情況。

 

 

    五：瀏覽器安全色性

     Google Maps API支援的瀏覽器種類與Google地圖網站相同。因為不同的應用程式在遇到不相容的瀏覽器的時候需要表現不同的行為，所以Maps API提供了一個全域方法 (GBrowserIsCompatible())來檢查相容性，但是，發現一個不相容的瀏覽器時，它不會自動採取任何措施。 http://maps.google.com/maps?file=api&v=2裡面的指令碼幾乎可以在任何瀏覽器裡面解析而不產生錯誤，所以您可以在檢查瀏覽器安全色性之前就包含指令檔。

 

 六：相關資料的網址：

     Google地圖API的同步中文文檔：http://www.codechina.org/doc/google/gmapapi/

     百度文庫：http://wenku.baidu.com/view/a2885c27a5e9856a561260b2.html

     csdn部落格：http://blog.csdn.net/jiali765/archive/2010/03/03/5338265.aspx

     http://www.jbedu.com/study/jishuwenzhang/196.html