OpenLayer(Layer2)


        Layer类:

        1. Google类

         首先,需要导入代码的Google Api类,其次是如下代码,观察设置不同的type, 获得的地图类型

         代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>创建一个简单的电子地图</title>
<script type="text/javascript" src="code/OpenLayers.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>

<body onLoad="init()">
<div id="map_element" style="width:500px; height:500px">
</div>
<script type="text/javascript">

	var map; 
	var wms_base;
	function init(){
		map=new OpenLayers.Map('map_element',{});
		wms_base=new OpenLayers.Layer.Google(
			'Base Layer',
			//{type:google.maps.MapTypeId.HYBRID},
			//{type:google.maps.MapTypeId.SATELLITE}
			{type:google.maps.MapTypeId.TREEAIN}
		);
		map.addLayer(wms_base);

		if(map.getCenter()){
			map.zoomToMaxExtent();
		}	
	}
</script>
</body>
</html>

        1. HYBRID

OpenLayer(Layer2)_第1张图片


        2. SATELLITE

OpenLayer(Layer2)_第2张图片

     

你可能感兴趣的:(OpenLayer(Layer2))