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