複数のマーカー - 同じ座標

Question

正確に同じ座標に配置された2つの異なるマーカーを表示しようとするといくつかの問題があります。

私たちは店舗を表示していますが、そのうちのいくつかは同じ建物（つまりモール）に置かれているため、店舗は異なりますが、同じubication/coordinateを共有しています。

当社のJSONのソースコンテンツは、次のようになります。

{ 
    "properties" : { 
     "id" : "1", 
     "name" : "Store 1" 
    }, 
    "geometry" : { 
     "coordinates" : [-70.66667, -33.45], 
     "type" : "Point" 
    } 
    }, 
    { 
    "properties" : { 
     "id" : "2", 
     "name" : "Store 2" 
    }, 
    "geometry" : { 
     "coordinates" : [-70.66667, -33.45], 
     "type" : "Point" 
    } 
    } 

事は、ちょうどそれらのいずれかが表示されますです。

私の質問は、このユースケースのためのボックスソリューションですか？あるいは、独自のソリューションを実装する必要がありますか？

ありがとうございます！

Answer 1

mapbox-glのMarkerクラスを使用している場合は、標準CSS transformを適用してマーカーをオフセットすることができます。

• https://bewithjonam.github.io/mapboxgl-spiderifier/docs/sample.html
• https://github.com/bewithjonam/mapboxgl-spiderifier