ご使用方法 (OpenLayers)
6月22日横浜で開催されるGeoアクティビティフェスタに参ります。
ご使用条件に十分ご注意ください。
このアプリケーションは 承認番号 平20業使、第449号「基盤地図情報25000 WMS配信サービス」にアクセスします (配信元)
HTML文書
OpenLayersでご使用になる場合にはキャッシュ配信機能のご使用をおすすめします。
<html>
<head>
<script src="http://openlayers.org/api/OpenLayers.js"></script>
<script>
function init() {
var options = {
maxExtent: new OpenLayers.Bounds(-180,-90,180,90),
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers.Control.LayerSwitcher(),
new OpenLayers.Control.Navigation(),
new OpenLayers.Control.Attribution({displayClass: 'prmtcd'})
],
numZoomLevels: 18
}
var map = new OpenLayers.Map('map',options);
map.div.style.backgroundColor = 'rgb(221,238,255)';
var kibanwms = new OpenLayers.Layer.WMS(
"KIBAN 25000 WMS",
"http://www.finds.jp/ws/kiban25000gwc.cgi?",
{
layers: "kiban25000:AllT",
format: "image/png"
},
{
attribution: '<a target=\"_blank\" href="http://www.finds.jp/wsdocs/kibanwms/index.html">基盤地図情報(平20業使、第449号)</a>',
isBaseLayer: true
}
);
map.addLayer(kibanwms);
map.setCenter(new OpenLayers.LonLat(133.39, 34.5), 15);
}
</script>
<style type="text/css">
#map {
width: 500px;
height: 400px;
border: solid 1px #999;
}
.prmtcd {
position: absolute;
bottom: 2px;
right: 2px;
font-size: 9pt;
padding: 2px;
background: #fff;
}
</style>
</head>
<body onload="init()">
<div id="map" style="width: 500px; height: 400px; border: solid 1px #999;"></div>
<p>このアプリケーションは
承認番号 平20業使、第449号「基盤地図情報25000 WMS配信サービス」にアクセスします
(<a href="http://www.finds.jp/wsdocs/kibanwms/index.html">配信元</a>)</p>
</body>
</html>

