一个将Google Maps API与ArcGIS JavaScript API for GMaps结合的例子
2009-07-22 23:28
731 查看
(1)创建一个简单的Google Map页面,这个可以在Google Maps的文档中找到做法,很容易。
(2)在JavaScript中添加ArcGIS JavaScript API的引用,如:
(3)在initialize()函数中利用webservice创建一个ArcGIS Online提供的图层,如:
(4)在GMap对象中添加这个图层,如:
(5)保存,在浏览器中打开。
还有另一种更灵活的方法来实现加载外部Service获得的图层。
(3)(接上面的1,2两步)使用带4个参数的构造函数在initialize()中创建图层对象,如:
这四个参数分别是:
1. 地图Service的URL
2. 影像格式参数,这里设置为null
3. 透明度,0-1,数字越小越透明。
4. callback函数。即在执行这个构造函数之后马上执行这里面的函数。并将自身作为一个 参数传给callback函数。
(4)在callback函数中将这个图层添加到GMap中。
(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); }
相关文章推荐
- ArcGIS api for javascript——地图配置-增加一个调试控制台<
- ArcGIS API for JavaScript 4.2学习笔记[24] 【IdentifyTask类】的使用(结合IdentifyParameters类)(第七章完结)
- ArcGIS api for javascript——图形-选择一个范围内的点
- arcgis api for javascript 4.0 入门学习(2)创建一个3D地图
- 求arcgis api for javascript 和webpack或者require的例子
- 使用ArcGIS API for JavaScript 4.3 加载一个瓦片地图
- ArcGIS Api for javaScript 4.6 实现一个简单的地图渲染
- ArcGIS API for JavaScript 4.2学习笔记[20] 使用缓冲区结合Query对象进行地震点查询【重温异步操作思想】
- ArcGIS API for JavaScript在地图上添加一个标注图标
- ArcGIS API for JavaScript 4.2学习笔记[4] 第二章其余感兴趣的例子
- arcgis api for javascript 4.0 入门学习(1)创建一个2D地图
- ArcGIS api for javascript——地理处理任务-计算一个可视域
- ArcGIS api for javascript——显示一个信息窗口
- 天地图结合ArcGIS api for JavaScript实现点聚合ClusterLayer
- ArcGIS For JavaScript API 添加一个 topographic map with graphics(地形图与图形)————(四)
- ArcGIS For JavaScript API 添加一个dynamic Service(动态服务)————(一)
- ArcGIS Api for javaScript 4.6 实现将一个标注显示在地图上
- ArcGIS api for javascript——地图配置-
- ArcGIS API for JavaScript 初始化配置路径
- ArcGIS api for javascript——地图配置-定制缩放动画,定制缩放框