soso街景开发——在网站中的应用

浏览数：26 / 时间：2015年06月09日

腾讯soso街景为用户提供JavaScript API1.0和JavaScript API2.0，可供用户在网站中应用soso街景地图。

街景可以应用于各个方面，如果你需要开发的网站是一款涉及都旅游，建筑等方面的网站，街景可以大大提高网站的用户体验。不仅如此，街景还可以应用在“关于”页面中，现在网站拥有者所处的方面，比平常所使用的普通地图更具有直观性，美观性等优点。

下面我们来一起看看SOSO街景的JavaScript API2.0的优点

JavaScript API V2可用于在网站中加入交互性强的街景、地图，能很好地支持PC及手机设备，身材小巧，动画效果顺滑流畅，动感十足，提供地图操作、标注、地点搜索、出行规划、地址解析、街景等接口，功能丰富，并免费开放各种附加工具库。JavaScript API V2是免费服务，任何提供免费访问的网站都可以调用。

开发案例：

首先，我们建立一个html文档，在body中添加onLoad事件，这里我们命名为init，在body中建立一个div，用来显示街景地图。然后使用script标签来引入街景的地址、需要说明的是，在开发之前，需要申请开发者秘钥，在key传入自己的开发者秘钥。

<body onLoad="init()">
<div style="width:603px;height:300px" id="pano_holder"></div>
<script src="http://map.qq.com/api/js?v=2.exp&key=d84d6d83e0e51e481e50454ccbe8986b"></script>
</body>

创建init()方法，创建街景，设置街景参数。

<script>


var init = function() {
    var pano = new qq.maps.Panorama(document.getElementById(‘pano_holder‘), {
        pano: ‘10151021130118114315300‘,
        disableMove: false,
        disableFullScreen: false,
        zoom:1,
        pov:{
            heading:311,
            pitch:10
        }
    });
}
</script>