次のように、kaNavigatorを追加すると地図の表示部分を移動（パン）できます。
<html>
<head>
<title>practice2 Navigator</title>
<script type="text/javascript" src="http://localhost/ka-map/xhr.js">
</script>
<script type="text/javascript" src="http://localhost/ka-map/kaMap.js">
</script>
<script type="text/javascript" src="http://localhost/ka-map/kaTool.js">
</script>
<script type="text/javascript">
var myKaMap;
var myNav; //ここを追加
window.onload = function() {
myKaMap = new kaMap('mapDiv');
myKaMap.server = 'http://localhost/ka-map/';
myKaMap.initialize();
myNav = new kaNavigator(myKaMap); //ここを追加
myNav.activate(); //ここを追加
}
</script>
<style type="text/css">
#mapDiv {
position: relative;
height: 200px;
width: 200px;
background-color: white;
border: 1px solid black;
}
</style>
</head>
<body>
<h1>foss4g2007 presentation</h1>
<div id="mapDiv"></div>
</body>
</html>
0 件のコメント:
コメントを投稿