javascript - 在 Mapbox 中添加图像 - 源呢？

Question

我想在我的地图中添加我在 mapbox 中准备的图像。我阅读了文档，但问题是我找不到如何将图像从我的电脑上传到 mapbox，因为在所有示例中似乎都有一些通过 mapbox 获取图像的源。那么我可以在mapbox的某个地方上传我的图片吗？如果不是，其他解决方案是什么？

Answer 1

我们可能有语言障碍，但您是在问如何在 Mapbox 工作室之外向地图添加图像？如果是这样，这是我用于天气应用程序的示例。请注意，我将其设置为“隐藏”，但您可以根据需要进行修改。目前我没有时间为您进行太多修改，但您在问“源代码如何”，我在下面有一个解决方案。希望这可以满足您的需求。我添加了一些评论。

 map.on('load', function() {
          map.addSource("source_KEWX_L3_KDP", {   // adding a source
            "type": "image", // specify type
            "url": "images/KEWX_L3_KDP.gif", // URL
            "coordinates": [

[-102, 33],  
[-94, 33],   
[-94, 26], 
[-102, 26]      
        ]
      })



// The following code places the image underneath my labels, this is not required.
var layers = map.getStyle().layers;
    // Find the index of the first symbol layer in the map style
    var firstSymbolId;
    for (var i = 0; i < layers.length; i++) {
        if (layers[i].type === 'symbol') {
            firstSymbolId = layers[i].id;
            break;
        }
    }

      map.addLayer({ // Now we add the layer we created previously
        "id": "overlay_KEWX_L3_KDP",
        "source": "source_KEWX_L3_KDP",
        "type": "raster",
"layout": {"visibility": "hidden"},
   "paint": {

    "raster-fade-duration": 0
  },




      }, firstSymbolId)
    });