Mapbox中的小标签和组件

Question

我正在尝试使用Mapbox GL JS创建导航应用程序。但是文本标签和搜索框太小。我们可以在Mapbox GL JS API中的哪个位置设置tileize和ppi进行修复？

Answer 1

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

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

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

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9WUWJtSy5qcGcifQ==” alt =“ 18px文字大小”>

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