OpenLayersでラウンドアイコンイメージを作成するにはどうすればよいですか？

Question

私は私のイオンアプリ内でopenlayersを使用しています。今私はマップ上のユーザーを配置しています。私は立ち往生していますし、htmlには表示されていないので、カスタムCSSスタイルをユーザー要素に追加する方法がわかりません。あなたが下のスクリーンショットで見ることができるように、私はバックグラウンドで円を描画し、その上にイメージを追加します。今私はそのイメージも丸くしたい。最も単純なものはCSSですが、要素に追加することはできません。

例マップ：私は、円、アイコンを定義していたコードの https://gyazo.com/3fb6b2e3565572b0c0a64044c645e364

パート：https://gyazo.com/cc80d368dfa8874739be14ce09eadffd

検査マップ： https://gyazo.com/7fadd75cfd4f9e517b76300b4c1b3c9c

Answer 1

は私がthisのための回避策を見つけました。 代わりにマーカーとしてol.Featureを使用しましたが、ol.Overlayで行っています。今私は地図上に任意のhtml elementを置くことができますが、それはhtmlでアクセス可能なので、私が欲しいです。 (screen #2)

updateMarkers(featuresArr) { 

for(var i = 0; i < featuresArr.length; i++) 
{ 
    var overlayelement = new ol.Overlay({ 
    stopEvent: false, 
    positioning: 'center-center', 
    element: document.getElementById('slika') 
    }); 
    overlayelement.setPosition(featuresArr[i].getGeometry().getCoordinates()); 

    this.olMap.addOverlay(overlayelement); 

}}