一个将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 ("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 ("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Population_World/MapServer", null, 0.75, dynmapcallback); 

 

这四个参数分别是：

1.  地图Service的URL

2. 影像格式参数，这里设置为null

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

4. callback函数。即在执行这个构造函数之后马上执行这里面的函数。并将自身作为一个 参数传给callback函数。

（4）在callback函数中将这个图层添加到GMap中。

function dynmapcallback(mapservicelayer) { gmap.addOverlay(mapservicelayer); }