Добавление изображения в Mapbox - как насчет источника? - PullRequest
Новая
       54

Добавление изображения в Mapbox - как насчет источника?

0 голосов
/ 06 апреля 2020

Я хочу добавить на карту изображение, которое я подготовил в mapbox. Я прочитал документацию, но проблема в том, что я не могу найти, как загрузить изображение из моего p c в mapbox, так как во всех примерах, похоже, есть источник через mapbox, который попадает в изображение. Так я могу загрузить свое изображение где-нибудь в mapbox? Если нет, то каковы другие решения?

1 Ответ

0 голосов
/ 06 апреля 2020

У нас может быть языковой барьер, но вы спрашиваете, как добавить изображение на карту за пределами Mapbox studio? Если это так, вот пример, который я использую для приложения погоды. Обратите внимание, я установил его как «скрытый», но вы можете изменить его по своему усмотрению. У меня нет времени, чтобы изменить его для вас в данный момент, но вы спрашивали «как насчет источника», и у меня есть решение ниже. Надеюсь, это может работать для ваших нужд. Я добавил несколько комментариев. 

 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)
    });
...