樣式a Mapbox Popup的指針/指標

我正在使用Mapbox的GL JS通過Mapbox顯示地圖的某些彈出窗口。但是，我無法在其文檔中找到自動分配給彈出窗口的類。到目前爲止，我的CSS是這樣的：樣式a Mapbox Popup的指針/指標

.mapboxgl-Popup-content { 
    color: #F3F3DD; 
    background-color: #91785D; 
    border-color: #91785D; 
    max-width: 250px; 
    box-shadow: 3px 3px 2px #8B5D33; 
    font-family: 'Oswald'; 
}

這就產生了這些漂亮的小盒子：

我的問題是在最下方，指向標誌的白色三角形。我想改變它的顏色。

我已經嘗試了一些CSS類來解決這個問題。包括但不限於.mapboxgl-popup，.mapboxgl-popup-anchor，.mapboxgl-popup-pointer等。我不確定在哪裏獲得文檔，我需要知道我應該使用哪些CSS類來更改這個討厭的三角形的顏色。

來源

2017-06-14 Samantha Bamberger

有沒有這方面的鏈接，我們可以看看？對Mapbox GL不太熟悉的人可能仍然能夠幫助你解決這個問題。 – cjl750

以下是您需要的。它不只是一個類，因爲小費可以改變位置：

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, 
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, 
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip { 
    border-bottom-color: #fff; 
    } 
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip, 
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip, 
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip { 
    border-top-color: #fff; 
    } 
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip { 
    border-right-color: #fff; 
    } 
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip { 
    border-left-color: #fff; 
    }

來源

2017-06-14 21:38:18 iH8

您需要更新的CSS類是「.mapboxgl-popup-tip」。如果您的CSS文件中沒有類似的任何類，只需創建它並給出您想要的顏色「border-top-color:」屬性。

來源

2017-06-14 21:23:38

樣式a Mapbox Popup的指針/指標

回答

相關問題