react-map-glを使用してマーカーをマップする接続線を追加する方法

Question

react-map-glを使用してマーカーをマップする接続線を追加する方法？例えば

：私は3つのマーカー（MARK1、MARK2、MARK3）を有する

MARK1は& MARK3をMARK2に接続ネブラスカべきです。

1）おそらく最良の方法はdeck.glLineLayerを使用することです： MARK2は、いずれかが私を助けてください...方法の

Answer 1

カップル&マーク3 .... をMARK1に接続する必要があります。 Deck.glはreact-map-glと一緒に使用することを意図しているので、私はこれがreact-map-gl'sの解決策であると想像します。
2）その後、マップにレイヤを追加し、マップ上の参照を設定します。

<ReactMapGL 
     id={'map'} 
     ref={'map'} 
     onLoad={this.addLines} 
    .... /> 

    addLines =() => { 
    const map = this.refs.map.getMap() 
    map.addLayer({ 
     "id": "route", 
     "type": "line", 
     "source": { 
     "type": "geojson", 
      "data": { 
      "type": "Feature", 
      "properties": {}, 
      "geometry": { 
       "type": "LineString", 
       "coordinates": [ 
        [-122.48369693756104, 37.83381888486939], 
        [116.48348236083984, 37.83317489144141], 
       ] 
       } 
      } 
     }, 
     "layout": { 
     "line-join": "round", 
     "line-cap": "round" 
     }, 
     "paint": { 
     "line-color": "#888", 
     "line-width": 8 
     } 
    }); 
    } 

3）this例

に見られるようmapStyles小道具経由にGeoJSONを設定します。