将自定义地图样式添加到 Mapbox.js
Add custom map style to Mapbox.js
我刚刚使用 Mapbox Studio 创建了我的个人地图样式,我正在尝试将其与 Mapbox.js 一起使用。 (不是 Mapbox Gl js!!)
正如文档中所写
You can load and display styles from the API using Mapbox GL JS or the Mapbox Mobile SDKs or you can request styles directly from the API. This request requires an access token with the styles:read scope.
我在我的
上添加了一个 link 到:
https://api.mapbox.com/styles/v1/myusername/mystyleid?access_token=mypublicaccesstoken
我可以看到 JSON 响应,但我仍然看到基本地图样式。
如何在 mapbox.js 中使用自定义样式?
抱歉,这行不通。 Mapbox 样式用于 Mapbox GL 和原生 iOS 和 Android SDK。你不能将它们与经典的 Mapbox JS 一起使用。 Mapbox JS 支持光栅图块,你不能设置它们的样式。它们只是图像。 Mapbox GL 和本机 SDK(可以)使用矢量图块并且它们是可样式化的。如果你想创建一个自定义的 tileset 用于 Mapbox JS,你可以使用 Mapbox Studio Classic 来实现。
您可以使用 styleLayer
方法使用 Mapbox Studio 制作的样式:
https://docs.mapbox.com/mapbox.js/example/v1.0.0/stylelayer/。不过,我强烈建议尽可能使用 Mapbox GL JS,以利用 WebGL 和矢量图块的所有功能。
我刚刚使用 Mapbox Studio 创建了我的个人地图样式,我正在尝试将其与 Mapbox.js 一起使用。 (不是 Mapbox Gl js!!) 正如文档中所写
You can load and display styles from the API using Mapbox GL JS or the Mapbox Mobile SDKs or you can request styles directly from the API. This request requires an access token with the styles:read scope.
我在我的
上添加了一个 link 到: https://api.mapbox.com/styles/v1/myusername/mystyleid?access_token=mypublicaccesstoken我可以看到 JSON 响应,但我仍然看到基本地图样式。
如何在 mapbox.js 中使用自定义样式?
抱歉,这行不通。 Mapbox 样式用于 Mapbox GL 和原生 iOS 和 Android SDK。你不能将它们与经典的 Mapbox JS 一起使用。 Mapbox JS 支持光栅图块,你不能设置它们的样式。它们只是图像。 Mapbox GL 和本机 SDK(可以)使用矢量图块并且它们是可样式化的。如果你想创建一个自定义的 tileset 用于 Mapbox JS,你可以使用 Mapbox Studio Classic 来实现。
您可以使用 styleLayer
方法使用 Mapbox Studio 制作的样式:
https://docs.mapbox.com/mapbox.js/example/v1.0.0/stylelayer/。不过,我强烈建议尽可能使用 Mapbox GL JS,以利用 WebGL 和矢量图块的所有功能。