js调用百度API显示全景图

在这里插入图片描述

<button class="btn light-btn" οnclick="liveAction()">实景</button>

<div id="showMapAbout" class="weui-popup__container">
		<div class="weui-popup__overlay"></div>
		<div class="weui-popup__modal" >
			<span id = "closeMapId" onclick = "closeMyPopup()" style = "color: white;position: absolute;bottom: 80px;margin-left: 15%; width: 60%; text-align: center;z-index: 1;background-color: #3F51B5;font-size: 16px;padding: 10px 16px;border-radius: 5px;display:none;">
				关闭全景
			</span>
			<div id="panorama" style="height:100%;width:100%;margin: auto;"></div>
		</div>
</div>
//全景图
var panorama;
function liveAction(){
	$("#showMapAbout").popup();
	$("#closeMapId").show();
	panorama = new BMap.Panorama('panorama'); //默认为显示导航控件
	panorama.setPosition(new BMap.Point(bdLng,bdLat));
}

//关闭弹出层
function closeMyPopup(){
	panorama=null;
	$.closePopup();
}

版权声明:本文为fffvdgjvbsfkb123456原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。