Mapbox GL JS:叠加道路/城市

时间:2018-06-26 10:21:23

标签: javascript mapbox geospatial mapbox-gl-js

如何在我的帐户中不使用地图编辑器的情况下将道路和标签放置在图像叠加层的顶部?我使用的是非自定义地图,只需要图像上的标签即可(以下示例)。我的源代码和覆盖图enter image description here的示例代码为:

var myObj = [
    { "quote":"Quote 1", "author":"Author 1" },
    { "quote":"Quote 2", "author":"Author 2" },
    { "quote":"Quote 3", "author":"Author 3" },
    { "quote":"Quote 4", "author":"Author 4" },
];

// calculate a random index number
var item = myObj[Math.floor(Math.random() * myObj.length)];

// display the Quote
document.getElementById("quote").innerHTML = item.quote;
document.getElementById("author").innerHTML = item.author;

1 个答案:

答案 0 :(得分:1)

addlayer有一个可选参数,名为before,描述为:

要在其之前插入新层的现有层的ID。如果省略此参数,则该层将附加到layers数组的末尾。

请参考API https://www.mapbox.com/mapbox-gl-js/api/#map#addlayer

样本用量

https://www.mapbox.com/mapbox-gl-js/example/geojson-layer-in-stack/