react-map-glに画像オーバーレイを描画する

Question

マップボックスに座標を与えてフロアプランレイヤーにしたいです。私はreact-map-glを使用しています。 （https://github.com/uber/react-map-gl）。どのようにマップ上にイメージオーバーレイを描くことができますか？いくつかの例や何かを引用してください。

Answer 1

imageタイプsourceを使用してイメージをオーバーレイできます。例えば：

"sources": { "overlay": { "type": "image", "url": "https://www.mapbox.com/mapbox-gl-js/assets/radar.gif", "coordinates": [ [-80.425, 46.437], [-71.516, 46.437], [-71.516, 37.936], [-80.425, 37.936] ] } }, ...

例hereから。