网页soso街景接口插件
文章来源:小灰博客| 时间:2014-04-23 10:31:16| 作者:Leo | 1 条评论
网页soso街景接口插件,复制代码在网页种打开既可以,注意标点符号的大小写!
<!DOCTYPE html>
<html>
<head>
<title>互动街景展示</title>
<script charset=”gb2312″ src=”http://map.qq.com/api/js?v=2.exp&key=XXX”></script> <!–此处的XXX写你申请的key,用你的QQ去soso地图里申请接口密钥,很方便的..–>
<!–引入插件–>
<script
src=”http://api.map.soso.com/plugin/v2/PanoramaOverview/PanoramaOverview-min.js”></script>
</head>
<body>
<!–以下div街景–>
<div id=”panoCon” style=” margin-top:-35px”></div>
<!–以下div显示地图–>
<div id=”overViewCon” style=”height:200px;”></div>
</body>
<script>
//创建街景
var panorama = new soso.maps.Panorama(‘panoCon’, {
pano:’13011047130514094901300′, //场景ID
});
//创建插件实例
var ovc=document.getElementById(‘overViewCon’); //地图容器(与街景连动的地图)
var overview = new soso.maps.PanoOverview(ovc,{
panorama:panorama
});
//以下方法可获取连动地图的Map实例
//获取后,可根据自己需要进行后续逻辑开发,如:在地图上标注、添加infowindow 或 覆盖物等
var map=overview.getMap();
</script>
</html>
同时也欢迎各位技术爱好者加入IT技术群(点击即可):70035098 互相交流学习!
一条评论
有些需要介绍地方的文章,插入soso街景确实胜过任何图片。