OpenLayers开发:调用栅格数据

     栅格图像是GIS系统中非常重要的一类数据。OpenLayers可以集成调用多种不同来源的栅格图像,比如GoogleMaps、Bing Maps、OpenStreetMap以及任何提供了WMS规范的服务。

     在调用栅格图像的过程中,为提高地图浏览速度,获得良好的用户体验,增强客户端与服务端的交互能力,应尽量使用瓦片地图,即使用缓存过的地图。本章介绍了栅格图层的使用,重点介绍WMS图层的调用。

使用Google Maps

OpenLayers调用GoogleMaps imagery的方法实际上是对GoogleMaps API进行了封装,使用过程包括以下步骤:

1. 创建HTML文件,引入OpenLayers开发类库。

2. HTML文件中加入以下对GoogleMaps API引用:

<scripttype="text/javascript"src="http://maps.google.com/maps/api/js?v=3.5&sensor=false"></script>

3. 添加一个包含地图的div元素:

<!-- Map DOM element -->

<div id="google_maps"style="width: 100%; height: 100%;"></div>

4. 编写javascript脚本代码,创建地图实例,并添加图层控制列表控件,如下:

<!-- The magic comes here-->

<scripttype="text/javascript">

//Create the map using the specified DOM element

varmap = new OpenLayers.Map("google_maps ");

map.addControl(newOpenLayers.Control.LayerSwitcher());

5. 创建GoogleMaps图层,并添加到地图:

varstreets = new OpenLayers.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值