Mapbox 中非常小的标签和组件

Very small labels and components in Mapbox

我正在尝试使用 Mapbox GL JS 创建一个导航应用程序。但是文本标签和搜索框一起太小了。在 Mapbox GL JS API 的什么地方我们可以设置 tilesize 和 ppi 来修复它?

调整文本标签大小的最佳方法是使用 Mapbox Studio 创建自定义地图样式,而不是使用 GL JS API(除非出于某种原因您需要文本标签大小在客户端响应)。

您可以导航至 studio.mapbox.com、select New style 按钮,选择要自定义的模板,然后单击 Customize 按钮。这将打开地图编辑器界面,您可以在其中导航到界面左侧的 Layers 面板和 select 您要编辑其属性的图层。

例如,在下面的屏幕截图中,我 select 编辑了 state-label 图层并将 Text size 属性 从 18px 更改为 30px.有关样式层属性的更多详细信息,请参阅文档 here

要将这些更改保存到地图,您可以发布您的样式,如详细文档中所述here. The way in which you can then add the custom map style to your application is dependent on the application you are developing for. The linked documentation 指定适用于 web、Android、iOS、Unity 的适当步骤,以及其他几个第三方选项。