一個將Google Maps API與ArcGIS JavaScript API for GMaps結合的例子

（1）建立一個簡單的Google Map頁面，這個可以在Google Maps的文檔中找到做法，很容易。

 

（2）在JavaScript中添加ArcGIS JavaScript API的引用，如：

<mce:script src="http://serverapi.arcgisonline.com/jsapi/gmaps/?v=1.4" mce_src="http://serverapi.arcgisonline.com/jsapi/gmaps/?v=1.4" type="text/javascript" ></mce:script> 

 

（3）在initialize()函數中利用webservice建立一個ArcGIS Online提供的圖層，如：

var dynamicMap = new esri.arcgis.gmaps.DynamicMapServiceLayer<br /> ("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Population_World/MapServer") 

 

（4）在GMap對象中添加這個圖層，如：

gmap.addOverlay(mapservicelayer); 

 

（5）儲存，在瀏覽器中開啟。

 

還有另一種更靈活的方法來實現載入外部Service獲得的圖層。

 

（3）（接上面的1，2兩步）使用帶4個參數的建構函式在initialize()中建立圖層對象，如：

var dynamicMap = new esri.arcgis.gmaps.DynamicMapServiceLayer<br /> ("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Population_World/MapServer",<br /> null, 0.75, dynmapcallback); 

 

這四個參數分別是：

1.  地圖Service的URL

2. 影像格式參數，這裡設定為null

3. 透明度，0-1，數字越小越透明。

4. callback函數。即在執行這個建構函式之後馬上執行這裡面的函數。並將自身作為一個參數傳給callback函數。

（4）在callback函數中將這個圖層添加到GMap中。

function dynmapcallback(mapservicelayer) {<br /> gmap.addOverlay(mapservicelayer);<br />}