一、先決條件
衆所周知，想在自己的網站上嵌入Google Maps應用，首先得爲自己的網站申請一個Key，可以在http://code.google.com/intl/zh-CN/apis/maps/signup.html這裏註冊到密鑰。
二、基本知識準備
1.引用谷歌地圖
加入如下一段JS代碼： <
script src="http://maps.google.com/maps?file=api&v=2&key=你申請的密鑰" type="text/javascript"></script>
2.創建GMap2()對象
GMap2對象用於創建和控制地圖等最基本的功能，因此也是最重要的對象。此對象可以使用new關鍵字創建，語法格式如下：new GMap2(container,opts)，其中第一個參數便是Google地圖的容器，是DOM對象。第二個參數可省略，一般用於控制更復雜的地圖特性。
3.地圖中心座標的設定
設定地圖中心座標的函數有倆個，都是GMap2對象的類方法，分別爲setCenter()和panTo()。其中前者是相對重要的一個，該函數作用很多，但主要可以用於設置地圖中心，設定縮放級別以及顯示地圖。語法格式如下：GMap2.setCenter(point,zoomlevel,type?)。
其中第一個參數代表地圖中心，是一個GLatLng()對象，創建方法爲 new GLatLng(緯度，經度)。第二個參數爲0~17的整數，用於設定縮放級別，可省略。第三個對象用於設置高級屬性.Google地圖已經成功加載後，調用GMap2.setCenter()仍可以重新設置地圖中心。不過這樣就會把中心定位到新的位置，更好的辦法是使用panTo()。panTo()方法可以把地圖中心平滑地移動到新的座標，其語法格式如下:GMap2. panTo(point).
4.地圖類型
Google Maps內置了三種地圖類型，分別爲普通地圖（G_NORMAL_MAP）、衛星地圖（G_SATELLITE_MAP）和混合地圖（G_HYBRID_MAP），可通過GMap2.setMapType()方法進行設定。其語法格式如下：GMap2. setMapType(type)。
5.API內置GControl()控件
Google Maps API中不僅爲自定義GControl()對象提供了豐富的藉口，也爲常用功能製作了默認的控件。它們分別是：精簡地圖控件GSmallMapControl()、完整地圖控件GLargeMapControl()、精簡縮放控件GsmallZoom Control()、比例尺控件GScaleControl()和地圖類型控件GMapTypeControl()。語法如下：GMap2.addControl (control, position) 。第一個參數是GControl的繼承類，，第二個參數用於定義孔家在地圖上的位置。般情況下，該參數可省略。這樣控件就會被放到默認的位置。如果需要對控件位置進行自定義，就必須爲其設置一個用於定義位置的GControlPosition()對象。創建GControlPosition()對象的語法格式如下：new GControlPosition(anchor, offset);
第一個參數anchor爲控件位置的參照點，爲枚舉類型。該類型有四個值，分別是G_ANCHOR_TOP_LEFT、G_ANCHOR_TOP_RIGHT、G_ANCHOR_BOTTOM_LEFT、G_ANCHOR_BOTTOM_RIGHT，代表的含義依次爲左上角、右上角、左下角和右下角。
第二個參數offset爲GSize()對象。其創建方法如下：new GSize (x, y)
其中，x代表控件相對於參照點的最近水平距離，y代表控件相對於參照點的最近垂直距離，單位爲像素px。
6.使用GMarker()地標
GMarker()對象是僅次於GMap2()對象外API中最重要的一個對象。GMarker()的構造函數爲：GMarker(point, icon?)，第一個參數爲地理位置，爲GlatLng()對象，第二個參數用於自定義GMarker()地標對應的Icon圖標，爲GIcon()對象。
三、代碼
