在網(wǎng)頁(yè)開(kāi)發(fā)中，使用騰訊地圖可以讓網(wǎng)頁(yè)更加豐富多彩，讓用戶更好地了解地圖位置信息。以下是一段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>
// 創(chuàng)建地圖對(duì)象
var map = new qq.maps.Map(document.getElementById("container"),{
center: new qq.maps.LatLng(39.916527,116.397128),
zoom: 13
});
// 創(chuàng)建標(biāo)記點(diǎn)
var marker = new qq.maps.Marker({
position: new qq.maps.LatLng(39.916527,116.397128),
map: map
});
</script>
</body>
</html>說(shuō)明：
在head標(biāo)簽中，我們使用騰訊地圖API的JS文件，并傳入我們的密鑰。在body標(biāo)簽中創(chuàng)建一個(gè)容器，用于展示地圖。在JavaScript中，我們創(chuàng)建了一個(gè)地圖對(duì)象，并設(shè)置中心點(diǎn)和縮放級(jí)別。然后，我們?cè)賱?chuàng)建一個(gè)標(biāo)記點(diǎn)，設(shè)置位置和地圖，最后展示在網(wǎng)頁(yè)中。