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>