リンクをクリックすると、そのポイントにズームインさせます。
<html>
<head>
<title>practice3 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;
var myCanvas; //ここを追加
window.onload = function() {
myKaMap = new kaMap('mapDiv');
myKaMap.server = 'http://localhost/ka-map/';
myKaMap.initialize();
myNav = new kaNavigator(myKaMap);
myNav.activate();
}
//ここを追加
function zoomToDMSG() {
var lon = -75.726061; //1509106.04
var lat = 45.401306; //-172671.12
var img = document.createElement('img');
img.src = 'http://localhost/ka-map/images/kamap.gif';
img.width = 36;
img.height = 42;
myKaMap.addObjectGeo(myCanvas, lon, lat, img);
myKaMap.zoomTo(lon, lat, 15000000); //ka-Mapで設定した倍率と合わせます。
}
</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>
<!-- ここを追加 -->gt;
<a href="javascript:zoomToDMSG()"gt;show DMSG Office</agt;
</body>
</html>
0 件のコメント:
コメントを投稿