Openlayers 3 - MultiPoint機能の各ポイントの異なるスタイル/マーカー

Question

次のgeo jsonを持つMultiPoint機能があります。私は地図上に描画し、スタイル関数を介して任意のアイコンを適用し、そのすべてのpoints.Butに適用

{ 
    "type": "Feature", 
    "geometry": { 
     "type": "MultiPoint", 
     "coordinates": [ 
      [ 
       -123, 
       58 
      ], 
      [ 
       -152.32, 
       17.5 
      ], 
      [ 
       52.02, 
       42.64 
      ] 
     ] 
    } 
} 

私は、マップ上の異なるアイコンで上記のすべての3点の座標を表示したいと思います。マルチポイント機能の各座標に異なるマーカーを追加する方法はありますか？

Answer 1

MultiPointの異なる座標に異なるスタイルを適用するには、各座標に異なるスタイルを記述する必要があります。私はプランナーでビューを作成しました。そのため、単一の座標と適用スタイルを考慮したジオメトリ機能でこのlink

new ol.style.Style({ 
    image: new ol.style.Circle({ 
     radius: 5, 
     fill: new ol.style.Fill({ 
     color: 'orange' 
     }) 
    }), 
    geometry: function(feature) { 
     var coordinates = feature.getGeometry().getCoordinates(); 
     return new ol.geom.Point(coordinates[0]); 
    } 
    }) 

にコードを移動します。

注：マルチポイントのポイント数が多い場合、コードは膨らんでしまいます。