OpenLayers (하나의 마커 띄우기)

* 하나의 마커 띄우기 

//상세페이지 지도 띄우기
function map(data){
    
    $("#article_map").html("");
    
    var iconFeature = new ol.Feature({
        geometry : new ol.geom.Point([data.wgs84_lon, data.wgs84_lat]),
        name : data.spot_nm + " 관측소",
        population : 4000,
        rainfall : 500
    });
 
    var vectorSource = new ol.source.Vector({
        features : [ iconFeature ]
    });
 
    var vectorLayer = new ol.layer.Vector({
        source : vectorSource,
        style: new ol.style.Style({
            image: new ol.style.Icon({
                anchor: [0.5, 0.96],
                scale : 0.02,
                src: '/resources/image/marker-1140068_1920.png'
            })
        })
    });
 
    var map = new ol.Map({
        layers : [ new ol.layer.Tile({source : new ol.source.OSM()}), vectorLayer],
        target : document.getElementById('article_map'),
        view : new ol.View({
            projection: 'EPSG:4326',
            center : [data.wgs84_lon, data.wgs84_lat],
            zoom : 17
        })
    });
}

*