在網頁開發中,使用騰訊地圖可以讓網頁更加豐富多彩,讓用戶更好地了解地圖位置信息。以下是一段HTML代碼,展示如何使用騰訊地圖API。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>騰訊地圖</title> <script src="https://map.qq.com/api/js?v=2.exp&key=你的密鑰"></script> </head> <body> <div id="container" style="width:100%;height:400px;"></div> <script> // 創建地圖對象 var map = new qq.maps.Map(document.getElementById("container"),{ center: new qq.maps.LatLng(39.916527,116.397128), zoom: 13 }); // 創建標記點 var marker = new qq.maps.Marker({ position: new qq.maps.LatLng(39.916527,116.397128), map: map }); </script> </body> </html>
說明:
在head標簽中,我們使用騰訊地圖API的JS文件,并傳入我們的密鑰。在body標簽中創建一個容器,用于展示地圖。在JavaScript中,我們創建了一個地圖對象,并設置中心點和縮放級別。然后,我們再創建一個標記點,設置位置和地圖,最后展示在網頁中。