mapbox制作自定义地图并发布在线瓦片地址

1. 注册账号 进入 studio 页面

2. 新增 style

3. 设计自己的自定义地图样式 与百度高德类似 自己摸索 注意点击右上角发布

4. 回到 studio 页面 点击制作好的想要使用的地图样式的分享按钮

5. 从分享页面获取 stypeId access_token 等拼接成下面的url地址形式

https://api.mapbox.com/styles/v1/YOUR_USERNAME/YOUR_STYLE_ID/tiles/256/{z}/{x}/{y}?access_token=YOUR_ACCESS_TOKEN

其中YOUR_USERNAME为账号名，YOUR_STYLE_ID为publish的style ID，YOUR_ACCESS_TOKE

6. 将可以正常使用了 如在 openlayers中

this.mapboxTiles = new TileLayer({
  source: new XYZ({
    url: url // 第五步拼接成的 url 地址
  })
})
this.map = new Map({
  ...
  layers: [
    this.mapboxTiles
  ],
  ...
})