HTML世界地圖代碼是一種用于創(chuàng)建交互式地圖的編程語言。通過使用HTML元素和屬性,開發(fā)者可以輕松地在網(wǎng)頁上添加地圖功能。
<!DOCTYPE html> <html> <head> <title>世界地圖</title> <style> #map { height: 400px; width: 80%; margin: 0 auto; border: 1px solid #ccc; } </style> </head> <body> <h1>世界地圖</h1> <div id="map"></div> <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script> <script> function initMap() { var map = new google.maps.Map(document.getElementById('map'), { zoom: 2, center: {lat: 0, lng: 0} }); } </script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"></script> </body> </html>
以上是一個簡單的世界地圖示例代碼。其中,使用了Google Maps API獲取地圖數(shù)據(jù),并設(shè)置初始化函數(shù)initMap()來創(chuàng)建一個地圖,并定義初始地圖的縮放級別和中心點。
在HTML代碼中,定義了一個id為map的div元素,這是地圖要顯示的區(qū)域。在CSS樣式中,設(shè)置了map的高度、寬度和邊框等屬性。
需要注意的是,其中的YOUR_API_KEY需要替換為真實的Google Maps API密鑰,這個密鑰可以在Google Cloud Platform中創(chuàng)建。
只要復(fù)制以上代碼并替換YOUR_API_KEY,就可以創(chuàng)建自己的世界地圖了!