您的位置:首页 > Web前端 > JavaScript

一个将Google Maps API与ArcGIS JavaScript API for GMaps结合的例子

2009-07-22 23:28 731 查看
(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);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐