我可以使用图层向地图框gl添加自定义图标

Question

我需要使用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的类/ Id。如果图像不是动态的或单一的，那么使用透明的PNG来实现这一目标可能更合适，而不是使用客户端资源。