HTML是一種用于網站開發的編程語言。在編寫網站時，我們通常需要顯示地圖，例如在定位某個位置或者展示某個區域的地理信息時。那么，如何在HTML中顯示地圖代碼呢？
在HTML中，我們可以使用pre標簽來展示地圖代碼。pre標簽是一種保留格式的標簽，可以將HTML代碼中的空格、換行等格式保留下來，使得代碼更加美觀易讀。下面是一個示例：
下面是一個展示地圖代碼的示例：
<html>
<head>
<title>我的地圖</title>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
<style>
#map {
height: 400px;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 37.7749, lng: -122.4194},
zoom: 8
});
}
initMap();
</script>
</body>
</html>可以看到，我們在pre標簽內嵌套了HTML代碼，并且格式保留完好。如果直接在p標簽中展示地圖代碼，會導致代碼縮進、空格、換行等格式被忽略，使得代碼難以閱讀和調試。使用pre標簽可以使代碼更加易讀、美觀。
總之，在HTML中顯示地圖代碼時，我們可以使用pre標簽來展示代碼，并保留代碼中的格式。這不僅可以提高代碼的可讀性和美觀度，也有利于代碼調試和修改。