CSS3可以利用樣式來創建漂亮的圖形效果，其中一個就是地圖箭頭。地圖箭頭用來標注一個地點或者指示方向，具有很好的視覺效果。下面我們來看看如何使用CSS3來創建地圖箭頭。

.arrow{
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #333;
}

上面的代碼使用了CSS的border屬性來創建一個邊框顯示的三角形。其中，width和height屬性設置為0，表示不需要設置占用的空間。border-top和border-bottom屬性用于設置三角形的上下兩個角，這里設置為透明的，表示不顯示。border-right屬性設置為10px的實線邊框，顏色為#333，用于設置三角形的右側。

我們將上面的代碼應用到一個div元素中，并且為這個div元素設置一些樣式，如下所示：

.map-marker{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 14px;
color: #000;
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
.map-marker .arrow{
position: absolute;
top: 50%;
right: -10px;
margin-top: -10px;
}

上面的代碼中，我們為地圖標記的div元素設置了一些常規樣式。首先，我們將這個元素設置為相對定位，用于在后面設置絕對定位的箭頭元素的位置。接下來，我們設置了元素的大小和一些文本樣式。在最后，我們在元素上設置了一個圓角和陰影效果，用于增強其效果。

而在箭頭元素上，我們設置了它的絕對定位，并且將其右側距離元素的左側邊框10px的距離。然后，我們使用了margin-top的負值來設置箭頭元素的上距離為元素高度的一半，在這種情況下，就是-10px。

最后，我們將箭頭元素放到地圖標記元素中，并且將其設置為class="arrow"，如下所示：

在使用CSS3來創建地圖箭頭時，還可以根據需要進行一些自定義的修改，例如改變箭頭的大小、顏色和方向等。總之，利用CSS3創建地圖箭頭是一件很簡單的事情，但是卻可以讓地圖標記變得更有吸引力和更具有視覺效果。