<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";font-size:14px;}
#panorama {width:100%; height: 500px; overflow: hidden;}
#svInfoText {width:100%;}
#info p{margin:5px 0;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"></script>
<title>全景事件</title>
</head>
<body>
<div id="panorama"></div>
<div id="info"><p>拖动地图查看位置、视角变化</p></div>
<div id="svInfoText"></div>
<input id="add" type="button" value="添加" />
</body>
</html>
<script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script>
</script>
<script type="text/javascript">
var panorama = new BMap.Panorama('panorama');
var mei ;
panorama.setPosition(new BMap.Point(113.3495,23.140768)); //改这里的location 坐标拾取系统http://api.map.baidu.com/lbsapi/getpoint/index.html
panorama.addEventListener('position_changed', function(e){ //全景位置改变事件
panoramaCallBack(e);
});
panorama.addEventListener('pov_changed', function(e){ //全景视角改变事件
panoramaCallBack(e);
});
function panoramaCallBack(e){ //事件回调函数
if (e.type == 'onpov_changed') {
document.getElementById('svInfoText').innerHTML="全景视角为：<br/>"+"水平视角："+panorama.getPov().heading+"<br/>垂直视角："+panorama.getPov().pitch;
}
else if (e.type=='onposition_changed') {
document.getElementById('svInfoText').innerHTML="全景位置点为："+panorama.getPosition().lng+","+panorama.getPosition().lat + "--------" + panorama.getId();
mei = mei + "全景位置点为："+panorama.getPosition().lng+","+panorama.getPosition().lat + "--------" + panorama.getId() + '\n';
}
}
$("#add").bind("click", function () {
var content = mei ;
var fileName = 'tests.test'
var aLink = document.createElement('a');
var blob = new Blob([content]);
var evt = document.createEvent("HTMLEvents");
evt.initEvent("click", false, false);
aLink.download = fileName;
aLink.href = URL.createObjectURL(blob);
aLink.dispatchEvent(evt);
aLink.click();
})
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
