将自定义地图样式添加到Mapbox.js

Question

我刚刚使用Mapbox Studio创建了我的个人地图样式，我尝试将它与Mapbox.js一起使用。 （不是Mapbox Gl js !!） 如文件中所述

  

您可以使用Mapbox GL JS或Mapbox Mobile SDK从API加载和显示样式，也可以直接从API请求样式。此请求需要具有样式的访问令牌：read scope。

我添加了我的＆lt;头＆gt;链接： https://api.mapbox.com/styles/v1/myusername/mystyleid?access_token=mypublicaccesstoken

我可以看到JSON响应，但我仍然看到基本的地图样式。

如何在mapbox.js中使用我的自定义样式？

Answer 1

抱歉，但这不会奏效。 Mapbox样式适用于Mapbox GL和原生iOS和Android SDK。您不能将它们与经典的Mapbox JS一起使用。 Mapbox JS支持光栅图块，您无法对其进行样式设置。他们只是图像。 Mapbox GL和原生SDK（可以）使用矢量切片并且可以设置样式。如果要创建用于Mapbox JS的自定义tileset，可以使用Mapbox Studio Classic执行此操作。

• https://www.mapbox.com/studio/classic/styles/
• https://www.mapbox.com/mapbox-studio-classic/

Answer 2

您可以使用 if k < 8: range1_target1 = array[k+2] range1_target2 = array[k+3] range1_target3 = array[k+4] 方法使用由Mapbox Studio制作的样式： https://docs.mapbox.com/mapbox.js/example/v1.0.0/stylelayer/。不过，我强烈建议您尽可能迁移到Mapbox GL JS，以充分利用WebGL和矢量图块的所有功能。