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>
相關文章
相關標籤/搜索