Leaflet 如何显示Mapbox平铺层

Leaflet 如何显示Mapbox平铺层,leaflet,Leaflet,我正试图使用这个简单的示例,但无法使用Mapbox公钥显示图层。地图显示一个灰色背景,带有我的样本标记和弹出窗口 var map = L.map('map').setView([39.5, -105.5], 7); L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', { attribution: 'Map data &copy; <a href

我正试图使用这个简单的示例,但无法使用Mapbox公钥显示图层。地图显示一个灰色背景,带有我的样本标记和弹出窗口

var map = L.map('map').setView([39.5, -105.5], 7);

L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
maxZoom: 18,
id: 'test.project',
accessToken: 'copied.and.pasted.my.mapbox.key.here'
}).addTo(mymap);

L.marker([39.5, -105.5]).addTo(map)
.bindPopup('This is my first marker!')
.openPopup();
var-map=L.map('map').setView([39.5,-105.5],7);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}'{
属性:“地图数据©;贡献者,图像©”,
maxZoom:18,
id:“test.project”,
accessToken:'已复制.并已粘贴.my.mapbox.key.此处'
}).addTo(mymap);
L.标记([39.5,-105.5])。添加到(地图)
.bindPopup('这是我的第一个标记!')
.openPopup();

您正在调用
.addTo(mymap)在tilelayer上,但您的贴图对象是
map
。使用以下命令:
.addTo(map)

您可能还需要稍微更改URL。接下来,我根据样式创建了一个地图:

var map = L.map('map').setView([39.5, -105.5], 7);

L.tileLayer('https://api.tiles.mapbox.com/styles/v1/{username}/{id}/tiles/{tileSize}/{z}/{x}/{y}?access_token={accessToken}', {
  attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
  maxZoom: 18,
  username: 'mapbox username',
  id: 'mapbox style id',
  accessToken: 'mapbox access token',
  tileSize: 512, 
  zoomOffset: -1
}).addTo(map);

L.marker([39.5, -105.5]).addTo(map)
  .bindPopup('This is my first marker!')
  .openPopup();
var-map=L.map('map').setView([39.5,-105.5],7);
L.tileLayer('https://api.tiles.mapbox.com/styles/v1/{username}/{id}/tiles/{tileSize}/{z}/{x}/{y}?access_token={accessToken}'{
属性:“地图数据©;贡献者,图像©”,
maxZoom:18,
用户名:“映射框用户名”,
id:“映射框样式id”,
accessToken:“mapbox访问令牌”,
tileSize:512,
Zoomofset:-1
}).addTo(地图);
L.标记([39.5,-105.5])。添加到(地图)
.bindPopup('这是我的第一个标记!')
.openPopup();
如果要检索某个瓷砖集的瓷砖,请使用以下()命令:

L.tillelayer('https://api.mapbox.com/v4/{tilesetId}/{z}/{x}/{y}.png?access_token={accessToken}{
属性:“地图数据©;贡献者,图像©”,
maxZoom:18,
accessToken:“mapbox访问令牌”,
tilesetId:“映射框tileset id”
}).addTo(地图);

tilesetId
的格式为
username.id
,它不是您的项目名称,您可以在编辑器/工作室中找到它。

我已修复了不匹配的问题,并且平铺层仍然没有显示。当我单独访问URL时,会得到一个指示{“message”:“notfound”}的对象。我读到一些线程表明,palicate.js已损坏,新的密钥进程不再与Mapbox集成。
L.tileLayer('https://api.mapbox.com/v4/{tilesetId}/{z}/{x}/{y}.png?access_token={accessToken}', {
  attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
  maxZoom: 18,
  accessToken: 'mapbox access token',
  tilesetId: 'mapbox tileset id'
}).addTo(map);