我可以使用Layers

Question

將自定義圖標添加到mapbox gl中我需要使用mapbox gl中的圖層添加自定義圖標/標記，例如https://www.mapbox.com/mapbox-gl-js/example/custom-marker-icons/。我發現這個例子https://www.mapbox.com/mapbox-gl-js/example/add-image/。我能像第一個例子那樣使圖像變圓嗎？

Answer 1

圓形邊緣在CSS中完全不在Javascript或Mapbox GL中。

.marker { 
    display: block; 
    border: none; 
    border-radius: 50%; 
    cursor: pointer; 
    padding: 0; 
} 

關鍵的是'border-radius：50％'。你需要確保你的div的class/Id被正確引用。如果圖像不是動態或單一的，使用透明PNG來實現這一點可能更合適，而不是使用客戶端資源。