如何在OpenLayers 3中創建靜態標記？

Question

我在JavaScript和OpenLayers中的表現並不是很好，我試圖實現一個靜態標記指向全球所有機場的地圖。
嗯，我試圖搜索我的答案，但我無法解決我的問題。

我已經試着找到文檔或示例，但每次都不起作用。

如果有人能告訴我如何基於數據列表創建標記，請幫助我嗎？

非常感謝。

Answer 1

（fiddle）

var vectorLayer = new ol.layer.Vector({ 
    source: new ol.source.Vector({ 
    format: new ol.format.GeoJSON(), 
    url: 'url_of_your_file' 
    }) 
}); 
map.addLayer(vectorLayer); 

這樣你可以一個GeoJSON的文件加載到您的地圖。

如果你想，比如說，一個圓圈標記你一個樣式添加到ol.layer.Vector，如：

var vectorLayer = new ol.layer.Vector({ 
    source: new ol.source.Vector({ 
    format: new ol.format.GeoJSON(), 
    url: 'url_of_your_file' 
    }), 
    style: new ol.style.Style({ 
    image: new ol.style.Circle({ 
     radius: 10, 
     fill: new ol.style.Fill({ 
     color: '#ffff00' 
     }) 
    }) 
    }) 
});