'OpenStreetMapにズームパネル(拡大・縮小)を表示する。
<html>
<head>
<title>OpenStreetMapにズームパネル(拡大・縮小)を表示する。</title>
<script type="text/javascript" src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">
<!--
function init() {
var options = {
controls:[
new OpenLayers.Control.Navigation(),
new OpenLayers.Control.ZoomPanel()
]
};
var map = new OpenLayers.Map("map_disp");
var maplayer = new OpenLayers.Layer.OSM();
map.addLayer(maplayer);
var lonLat = new OpenLayers.LonLat(139.766084, 35.681382)
.transform(
new OpenLayers.Projection("EPSG:4326"),
new OpenLayers.Projection("EPSG:900913")
);
map.setCenter(lonLat, 15);
}
// -->
</script>
</head>
<body onload="init();">
<div id="map_disp" style="width:500px; height:400px"></div>
</body>
</html>
|
|