添加地圖到網頁中，可以通過使用HTML和CSS來實現，在HTML中創(chuàng)建一個地圖容器，可以使用<div>元素來定義，在CSS中設置地圖容器的樣式，包括寬度、高度、背景色等。

將地圖圖片添加到容器中的方法有兩種，一種是通過設置背景圖片來實現，可以在CSS中使用background-image屬性來指定地圖圖片的路徑，另一種是通過在HTML中添加<img>元素來顯示地圖圖片。

無論采用哪種方法，都需要確保地圖圖片的大小與容器相匹配，避免出現拉伸或壓縮的情況，還需要注意圖片的加載速度，避免影響網頁的加載性能。

除了添加地圖圖片外，還可以通過CSS來設置地圖的交互效果，可以使用hover偽類來定義鼠標懸停在地圖上時的樣式變化，或者使用click事件來定義點擊地圖時的交互效果。

通過HTML和CSS的結合使用，可以輕松地添加地圖到網頁中，并設置豐富的交互效果，使得地圖更加生動、實用。