Mapbox中非常小的标签和组件

Question

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

Answer 1

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

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

例如，在下面的屏幕截图中，我选择了state-label层，并将Text size属性从18px更改为30px。有关设置图层属性样式的更多详细信息，请参阅documentation here。

​

​

​

​

要将这些更改保存到地图中，可以发布您的样式，如详细文档here中所述。将自定义地图样式添加到应用程序的方式取决于为其开发的应用程序。链接的documentation为web、Android、iOS、Unity和其他几个第三方选项指定了适当的步骤。