CSS是前端開發中常用的樣式語言，也可以用來為網站添加地圖，使其更具吸引力和交互性。下面將介紹如何使用CSS添加地圖。

首先，要使用CSS添加地圖，需要有一張地圖圖片。可以從互聯網上下載，也可以自己制作。在此基礎上，可以通過以下步驟進行添加：

.map{
background-image: url('map.jpg');
background-size: cover;
height: 400px;
width: 100%;
}

以上代碼將一個名為“map”的div元素添加了背景圖片，并設置了高度和寬度。其中，“background-image”屬性值為地圖圖片的鏈接，“background-size”屬性為“cover”表示圖片將被拉伸以適應整個div區域。

接下來，為了讓用戶在地圖上進行交互，可以添加指針，讓用戶便于識別自己的位置。具體代碼如下：

.pointer{
background-image: url('pointer.jpg');
background-size: cover;
height: 20px;
width: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
}

以上代碼將一個名為“pointer”的div元素添加了背景圖片，并設置了高度和寬度，使其成為一個指針。其中，“background-image”屬性值為指針圖片的鏈接，“position”屬性為“absolute”表示指針的位置將與其父元素“map”的左上角對齊，而“top”和“left”屬性則將指針移動到“map”元素的中心。此外，“transform”屬性可以讓指針沿著“x”軸和“y”軸平移，使其始終位于“map”的中心，“z-index”屬性則可以讓指針顯示在最上層。

綜上所述，通過以上兩段代碼，即可為網站添加地圖并讓用戶在地圖上進行交互。需要注意的是，以上代碼僅為示例代碼，具體實現過程需要根據自己的實際情況進行調整。