Question

我在Mapbox Studio中创建了一个地图，并将其添加到我的网站中。在桌面上查看时，地图上图标点的大小很大。当我在手机上查看时，它们太大了。在移动设备上查看地图时，是否可以使用不同的图标大小？

Answer 1

Mapbox-GL-JS本身并不提供对台式机与移动设备的支持。但是：

如果您正在使用标记，则可以像其他任何方式一样为它们提供响应式样式。例如：

@media screen and (max-width: 750px){
    .mapboxgl-marker {
        width: 20px;
    }
}

如果您正在使用符号图层，则需要检测窗口大小何时更改，并使用它来设置适当的icon-size。