JS ) OpenLayers 5 Marker

// 마커 feature 설정
// ### (### 쳐진 곳을 좌표 배열을 이용해 for문으로 엮으면 여러개의 마커를 찍을 수 있음)
    var feature = new ol.Feature({
        geometry: new ol.geom.Point(ol.proj.transform([parseFloat(collapse[i*7-6]), parseFloat(collapse[i*7-5])], 'EPSG:4326', 'EPSG:5181'))
    });
    // 마커 스타일 설정
    var style = new ol.style.Style({
        image: new ol.style.Icon({
            anchor: [0.5, 20],
            anchorXUnits: 'fraction',
            anchorYUnits: 'pixels',
            src: 'http://map.vworld.kr/images/ol3/marker_blue.png'
        }),
    });
    // feature에 스타일 설정
    feature.setStyle(style);
    // 마커 레이어에 들어갈 소스 생성
    var source = new ol.source.Vector({
        features: [feature]
    });
// ###
// 마커 레이어 생성
var layer = new ol.layer.Vector({
    source: source,
    name: 'MARKER'
});
// layer의 ZIndex 설정(다른 레이어들 보다 더 앞에 보여주는 기능)
layer.setZIndex(7);
// 지도에 마커 추가 (addLayer 앞부분의 경로는 다를 수 있음)
$gis.template.addLayer(layer);