OpenLayersの使用
1565 ワード
良い仕事を探して、とても难しくて、学校に帰ってよく勉强して、来年実习しましょう!
きほんかんすう
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);
コードを出す
きほんかんすう
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>