OpenLayers로 둥근 아이콘 이미지를 만들려면 어떻게해야합니까?

내 ionic 앱에서 openlayers를 사용하고 있습니다. 이제지도에 사용자를 배치하고 있습니다. 내가 갇혀있어 그리고 html로 볼 수 없기 때문에 사용자 정의 CSS 스타일을 사용자 요소에 추가하는 방법을 모르겠습니다. 아래의 스크린 샷에서 볼 수 있듯이 배경에 원을 그리고 그 위에 이미지를 추가합니다. 이제 나는 그 이미지가 너무 둥근 것을 원한다. 가장 간단한 것은 CSS이지만, 요소에 추가 할 수는 없습니다.OpenLayers로 둥근 아이콘 이미지를 만들려면 어떻게해야합니까?

예지도 : 내가 원과 아이콘을 정의하고있어 코드의 https://gyazo.com/3fb6b2e3565572b0c0a64044c645e364

부 : https://gyazo.com/cc80d368dfa8874739be14ce09eadffd

평가자지도 : https://gyazo.com/7fadd75cfd4f9e517b76300b4c1b3c9c

출처

2017-10-24 Ognjen Marceta

당신은 10000 – pfg

그러나 방법과 스타일에 테두리 반경을 설정 마지막으로 스크린 샷을 확인할 수 있습니다. 맵은 실제로 모든 것이 그려지는 캔버스이며, img 또는 div와 같은 노출 된 요소는 없습니다. –

내가 this에 대한 해결 방법을 발견했다. 마커로 ol.Feature를 사용하는 대신 ol.Overlay로 해냈습니다. 이제는 html로 접근 할 수 있기 때문에 원하는 모든 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); 

}}

출처

2017-10-25 06:08:12

OpenLayers로 둥근 아이콘 이미지를 만들려면 어떻게해야합니까?

답변

관련 문제