HTML 騰訊地圖代碼大全
使用騰訊地圖可以讓我們更好地展示地理位置信息,如果你想在你的網頁中使用騰訊地圖可以使用以下的 HTML 代碼。
使用 iframe 標簽嵌入地圖
使用 iframe 標簽可以輕松嵌入騰訊地圖,以下是一個示例代碼:
<iframe width="600" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://map.qq.com/#pano=10008000160605121159400&coord=30.205261,120.158794&zoom=16&nojump=1"></iframe>使用 JavaScript API
如果你想更加自由地控制地圖的樣式和行為,可以使用 JavaScript API,以下是一個簡單的地圖展示代碼:
<script type="text/javascript" src="http://map.qq.com/api/js?v=2.exp&key=你的騰訊地圖 API KEY"></script> <div id="mapContainer" style="width: 100%; height: 600px;"></div> <script type="text/javascript"> var center = new qq.maps.LatLng(30.205261, 120.158794); var map = new qq.maps.Map(document.getElementById("mapContainer"), { center: center, zoom: 16, zoomControl: true, zoomControlOptions: { position: qq.maps.ControlPosition.TOP_RIGHT } }); var marker = new qq.maps.Marker({ position: center, map: map }); </script>以上是兩種常見的嵌入騰訊地圖的方式,你可以根據自己的需求選擇不同的方法來展示地理位置信息。