msgbartop
世界上没有老实人,所谓的老实人是用来欺骗像我这样老实的人!
msgbarbottom

07 5月 15 提取的一段关于百度全景地图的代码

2015年5月07日发表于Int.Ru | 共有:2 人评论

做个网站,想引用百度地图的全景地图,发现代码很难扣出来。

后来在第三方网站上找到一个好实例。

测试了半天,研究出核心代码。

效果如下:

 

石沙路|Data ©广东千里马彩钢广告扣板 GS(2014)6047拍摄日期:2015.05.06

 

代码如下:

<div id=”Viewer” style=”z-index: 0; height: 445px; position: relative;” class=”pano”><div style=”overflow: hidden; position: absolute; left: 0px; bottom: 0px; z-index: 2100; width: 100%; font-size: 11px; height: 34px; -webkit-user-select: none; visibility: visible; font-family: sans-serif; color: rgb(54, 54, 54); line-height: 20px;”><div style=”width: 1000px; overflow:hidden;”><a target=”_blank” title=”到百度地图查看此区域” href=”http://map.baidu.com/?panoid=01004800001402201021478365G&panotype=street&heading=66&pitch=1&l=12&tn=B_NORMAL_MAP&sc=0&newmap=1&shareurl=1&pid=01004800001402201021478365G&amp;from=api” style=”outline:none;float:left;margin-left:3px”><img style=”border:none;width:77px;height:32px;vertical-align:bottom;” src=”http://api0.map.bdimg.com/images/copyright_logo.png”></a><div style=”float:left;margin-top:13px;”><span style=”margin-left: 5px;”>石沙路</span><span>|</span><span style=”margin-left: 5px;”>Data ©</span><span><a style=”text-decoration: none;color: rgb(54, 54, 54);” target=”_blank” href=”http://www.cgggkb.com”>广东千里马彩钢广告扣板 </a></span><span style=”margin-left: 5px;”>GS(2014)6047</span><span style=”margin-left: 5px;”>拍摄日期:2015.05.06</span></div></div></div><div title=”退出全景” style=”position: absolute; z-index: 1201; top: 10px; right: 10px; width: 17px; height: 16px; background-image: url(http://api0.map.bdimg.com/images/st-close.png); cursor: pointer; display: none; background-position: initial initial; background-repeat: no-repeat no-repeat;”></div><div id=”PanoramaFlashWraperTANGRAM__w” style=”position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 1200;”><object type=”application/x-shockwave-flash” id=”PanoramaFlashTANGRAM__w” width=”100%” height=”100%” data=”http://api.map.baidu.com/res/swf/APILoader.swf?version=20150123″><param name=”wmode” value=”opaque”><param name=”movie” value=”http://api.map.baidu.com/res/swf/APILoader.swf?version=20150123″><param name=”flashvars” value=”pid=01004800001402201021532425G&amp;iid=&amp;panoType=street&amp;heading=85&amp;pitch=1&amp;width=0&amp;height=0&amp;panoUrl=http%3A%2F%2Fapi.map.baidu.com%2Fres%2Fswf%2FBDStreetScape.swf%3Fversion%3D20150123&amp;panoTileUrl=http%3A%2F%2Fpcsv0.map.bdimg.com%2F%7Chttp%3A%2F%2Fpcsv1.map.bdimg.com%2F%7Chttp%3A%2F%2Fpcsv2.map.bdimg.com%2F&amp;domain=http%3A%2F%2Fpcsv0.map.bdimg.com%2F&amp;jsInterfaceNamespace=BMap.PanoramaFlashInterface&amp;swfIndex=TANGRAM__w&amp;udtVersion=20150505″><param name=”scale” value=”showall”><param name=”quality” value=”best”><param name=”allowscriptaccess” value=”always”></object></div></div>

 

其中的 “01004800001402201021532425G”是全景地图的坐标代码,“heading=85”是方向转向调节用。

标注下,以后用的上。

Reader's Comments

  1.    

    测试不错

    Reply to this comment
  2.    

    求推荐屌丝专用vps

    Reply to this comment

您的留言

*