如何使用 OpenLayers 介接 WMS
程式碼如下
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- 此區段須依照環境設置路徑 -->
<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<script src="../lib/OpenLayers.js"></script>
<!-- 此區段須依照環境設置路徑 -->
<script type="text/javascript">
// 經度
var lon = 5;
// 緯度
var lat = 40;
// 縮放等級
var zoom = 5;
var map, layer;
function init(){
// 指定 Div
map = new OpenLayers.Map( 'map' );
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
// WMS URL
"http://vmap0.tiles.osgeo.org/wms/vmap0",
// Layers
{layers: 'basic'} );
// 增加 Layer
map.addLayer(layer);
// 設置中央點
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
// 設置控制項
map.addControl( new OpenLayers.Control.LayerSwitcher() );
}
</script>
</head>
<body onload="init()">
<div id="map" class="smallmap"></div>
</body>
</html>
完成後便可成功呼叫 WMS
文章標籤
全站熱搜
Technology (30)