添加我自己的样式在MapBox Javascript中不起作用

添加我自己的样式在MapBox Javascript中不起作用,mapbox,mapbox-gl-js,mapbox-gl,Mapbox,Mapbox Gl Js,Mapbox Gl,在上一个问题中,有人问了关于具有地图样式的图像覆盖: 我用他们的例子来说明,但我想用我自己的风格 这里有到的链接 这是他们使用的工作方式: mapbox://styles/mapbox/satellite-v9 这是我的风格,它不起作用: mapbox://styles/nittyjee/ck0fasve30an21cpalmwct518 下面是有效的代码,您可以自己运行。我的风格被评论掉了 添加图像 身体{ 保证金:0; 填充:0; } #地图{ 位置:绝对位置; 排名:0; 底部:0;

在上一个问题中,有人问了关于具有地图样式的图像覆盖:

我用他们的例子来说明,但我想用我自己的风格

这里有到的链接

这是他们使用的工作方式:

mapbox://styles/mapbox/satellite-v9

这是我的风格,它不起作用:

mapbox://styles/nittyjee/ck0fasve30an21cpalmwct518

下面是有效的代码,您可以自己运行。我的风格被评论掉了


添加图像
身体{
保证金:0;
填充:0;
}
#地图{
位置:绝对位置;
排名:0;
底部:0;
宽度:100%;
}
mapboxgl.accessToken='pk.eyj1ijoibml0dhlqzwuilchijoid1rmlxpycyj9.NFk875-Fe6hoRCkGciG8yQ';
var map=new mapboxgl.map({
容器:“映射”,
最大缩放:5.99,
minZoom:4,
缩放:5,
中间:[-75.789,41.874],
//来自堆栈溢出的样式:
风格:'mapbox://styles/mapbox/satellite-v9'
//我的风格行不通:
//风格:'mapbox://styles/nittyjee/ck0fasve30an21cpalmwct518'
});
map.on('load',function()){
map.addSource(“myImageSource”{
“类型”:“图像”,
“url”:”https://docs.mapbox.com/mapbox-gl-js/assets/radar.gif",
“坐标”:[
[-80.425, 46.437],
[-71.516, 46.437],
[-71.516, 37.936],
[-80.425, 37.936]
]
});
map.addLayer({
“id”:“覆盖”,
“源”:“myImageSource”,
“类型”:“光栅”,
“油漆”:{
“光栅不透明度”:0.85
}
});
});

看起来不像样式URL


您需要在Mapbox Studio中创建一个样式并获取样式ID。

它看起来不像样式URL


您需要在Mapbox Studio中创建样式并获取样式ID。

当您在Studio中查看样式时,可以单击右上角的
共享

然后,您将看到一个面板,其中包含一个名为
您的样式url
的部分。如果复制该链接并将其粘贴到代码中,则您的样式应该可以通过


您还可以按样式单击3个点,并复制出现在面板底部的样式id:


当您在Studio中查看自己的风格时,您可以单击右上角的
共享

然后,您将看到一个面板,其中包含一个名为
您的样式url
的部分。如果复制该链接并将其粘贴到代码中,则您的样式应该可以通过


您还可以按样式单击3个点,并复制出现在面板底部的样式id:


您需要升级mapbox gl版本。您使用的是旧SDK的方式

将脚本/css定义更改为:

<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.3.1/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.3.1/mapbox-gl.css' rel='stylesheet' />

您需要升级mapbox gl版本。您使用的是旧SDK的方式

将脚本/css定义更改为:

<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.3.1/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.3.1/mapbox-gl.css' rel='stylesheet' />


哦,不!我本想展示这个的。编辑我的原始问题。这是我的风格标识:mapbox://styles/nittyjee/ck0fasve30an21cpalmwct518I 将我的代码段编辑为可以运行的代码段,并注释掉了我不工作的样式。看上面。哦,不!我本想展示这个的。编辑我的原始问题。这是我的风格标识:mapbox://styles/nittyjee/ck0fasve30an21cpalmwct518I 将我的代码段编辑为可以运行的代码段,并注释掉了我不工作的样式。看上面。哦,不!我本想展示这个的。编辑我的原始问题。这是我的风格标识:mapbox://styles/nittyjee/ck0fasve30an21cpalmwct518I 将我的代码段编辑为可以运行的代码段,并注释掉了我不工作的样式。如上所述。@nittyjee基于此,看起来您在实际样式本身上出现了错误。看起来层中没有正确的属性。我原以为在MapBox online中制作的样式会很好。为了确定,你看过我在修改后的问题中给出的链接了吗?地图样式的链接是有效的,其中有我的访问令牌和样式ID,所以我认为它应该可以正常工作。什么样的属性是不正确的(不一定是我的,也许只是示例)?@nittyjee是的,fiddle正在拉你输入的新样式URL。实际上,我刚刚意识到您的库非常古老,但是当您将mapbox gl版本从0.45.0提升到1.3.1时,您的样式将加载。哦,不!我本想展示这个的。编辑我的原始问题。这是我的风格标识:mapbox://styles/nittyjee/ck0fasve30an21cpalmwct518I 将我的代码段编辑为可以运行的代码段,并注释掉了我不工作的样式。如上所述。@nittyjee基于此,看起来您在实际样式本身上出现了错误。看起来层中没有正确的属性。我原以为在MapBox online中制作的样式会很好。为了确定,你看过我在修改后的问题中给出的链接了吗?地图样式的链接是有效的,其中有我的访问令牌和样式ID,所以我认为它应该可以正常工作。什么样的属性是不正确的(不一定是我的,也许只是示例)?@nittyjee是的,fiddle正在拉你输入的新样式URL。实际上,我刚刚意识到您的库非常古老,但是当您将mapbox gl版本从0.45.0提升到1.3.1时,您的样式将加载。曼尼什语。你。是精彩的。非常感谢你。顺便问一下,有没有办法让它链接到最新的来源,而不是我每次都查找和更新它?链接