soso街景开发——在移动应用（网站）中的应用

时间 2019-11-13

标签 soso 街景开发移动应用网站栏目无线繁體版

原文原文链接

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

街景能够应用于各个方面，若是你须要开发的网站是一款涉及都旅游，建筑等方面的网站，街景能够大大提升网站的用户体验。不只如此，街景还能够应用在“关于”页面中，如今网站拥有者所处的方面，比日常所使用的普通地图更具备直观性，美观性等优势。api

下面咱们来一块儿看看SOSO街景的JavaScript API2.0的优势工具

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

开发案例：网站

首先，咱们创建一个html文档，在body中添加onLoad事件，这里咱们命名为init，在body中创建一个div，用来显示街景地图。而后使用script标签来引入街景的地址、须要说明的是，在开发以前，须要申请开发者秘钥，在key传入本身的开发者秘钥。spa

<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()方法，建立街景，设置街景参数。code

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