文字列の範囲に基づいて円の尺度の半径 - Mapbox

Question

緯度/経度/セッション数の3つの列を持つデータセットでプロットされた円の半径を動的に設定しようとしています。データのインポートは正常に行われ、すべての場所が＃セッションがラベルとして正しくプロットされます。

ここでのシナリオは次のとおり

半径は、セッションの数に基づくべきであるので、5つのセッションと緯度/経度のペアが1ピクセルであり、5,000セッションと緯度/経度ペアが10pxのある、等

これをデータセットに動的に設定する方法はありますか？データセットの複数のインスタンスを追加し、1〜10,11〜100などにフィルタリングすることで、レイヤ「バンド」を作成できますが、「最小」半径と「最大」半径を設定して利用可能なデータに基づいて自動的にスケールされます。

マップボックスでこれを行う方法はありますか？

Answer 1

私はこの権利を理解していると仮定します。基本的には、その緯度、長いペアリングでより大きいまたは小さい円を描画したいセッション＃に基づいたデータがあります。

あなたができることはもともとデータをインポートしてからセッションの数を取って、地図上でレンダリングするセットを物理的に作成することです（何らかのタイプの配列など）。マップボックスマーカーを使用してこれらのアイコンを描画したり、サークルして物理的にサイズを割り当てることができます。 1000回のセッション= 10および50,000セッションの半径= 500

の半径は言う -

これに先立って、あなたは、セッションの＃を取り、物理的な半径値にマッピングする機能を事前に決定する必要がありますhttps://github.com/mapbox/react-native-mapbox-gl

markersArray = markersArray.concat({ 
         coordinates:[bList[i].latitude, bList[i].longitude], 
         'type': 'point', 
         title: bList[i].bname, 
         subtitle: bList[i].data, 
         id: bList[i].o_ID.toString(), 
         startTime: bList[i].startTime, 
         endTime: bList[i].endTime, 
         annotationImage: { 
         url: (bList[i].type === 'drink') ? (drinkUrl) : (foodUrl), 
         height: 30, 
         width: 30 
         }, 
         rightCalloutAccessory: { 
         url: 'image!info-icon', 
         height: 20, 
         width: 20 
         } 
        }); 

- 私はこれを作成したiOSアプリで例えば

は使用して、私のコードです