腾讯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>