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