CSS在調用地圖時非常方便。我們可以使用CSS來設置地圖的外觀和樣式，以及在頁面上添加交互元素，如標記點和導航控制器。以下是一個示例，展示如何在CSS中引用地圖：

首先，在HTML文檔中嵌入地圖：

<div id="map"></div>

將地圖顯示到HTML頁面上，然后在CSS代碼塊中添加樣式：

#map {
width: 500px;
height: 400px;
}

這將設置地圖的寬度和高度，以便其適應HTML頁面的大小。接著，我們需要使用JavaScript API來加載地圖，并將其顯示在頁面上。下面是一個基本的JavaScript代碼片段，可以加載Google Map API并將地圖顯示在我們的HTML頁面上：

<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'), {
center: {lat: 37.7749, lng: -122.4194},
zoom: 13
});
}
</script>

在上面的代碼中，我們定義了一個initMap()函數，該函數使用JavaScript API創建一個新的地圖對象，并將其附加到我們HTML頁面上的“map”元素上。該函數使用經度和緯度指定地圖的中心，并使用“ zoom”屬性設置地圖的縮放級別。

在CSS中調用地圖非常簡單，并且為我們提供了更多的控制，以及更好的外觀和交互效果。CSS和JavaScript的結合使我們能夠輕松地構建出漂亮、功能強大的地圖。