OpenLayersの使用


良い仕事を探して、とても难しくて、学校に帰ってよく勉强して、来年実习しましょう!
きほんかんすう
1.初期話のMAPオブジェクト
Varmap=new OpenLayers.Map(param1, param2 );パラメータ1は、地図を表示するHTMLページの要素のIDを示す.パラメータ2はJSONデータオブジェクトであり、キー値ペアのセットを含む.
2.WMSのレイヤーオブジェクトを作成する
Varwms=new OpenLayers.Layer.WMS(param1,param2,param3,param4);最初のパラメータはレイヤーの名前を渡します.2番目のパラメータは、レイヤーを受け入れるURLを表します.3番目のパラメータはレイヤーの属性を示し、JSONのデータフォーマットでもある.3番目のパラメータは、すべてのレイヤのプロパティを設定します.
3.MAPにレイヤーを追加
Map.addLayers(wms)は、[layer 1,layer 2,layer 3....]と同様に、パラメータが配列を伝達することができる.
4.地図の表示領域を設定する
Map.zoomToMaxExtent()は、全体の地図を表示するために使用されます.
Map.setCenter(new OpenLayers.LonLat(x,y));
Map.zoomTo(5);
コードを出す
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>           </title>
<script type="text/javascript" src="code/OpenLayers.js"></script>
	<style>
		body{
			width:80%;
			height:80%;
			margin-left:18%;
			padding:0;
			
		}
    </style>
</head>

<body onLoad="init()">
<div id="map_element" style="width:500px; height:500px">
</div>
<script type="text/javascript">
	var map; 
	function init(){
		map=new OpenLayers.Map('map_element',{});
		var wms=new OpenLayers.Layer.WMS(
			'OpenLayers WMS',
			'http://vmap0.tiles.osgeo.org/wms/vmap0',
			{layers:'basic'},
			{}
		);
		map.addLayer(wms);
		if(map.getCenter()){
			map.zoomToMaxExtent();
		}	
	}
</script>
</body>
</html>