title: How to Add Icon/Marker to OSM Map using OpenLayers 4.6.4
body: <p>I wonder if someone can point me in the right direction. I'm trying to add multiple markers/icons to an OSM map using OpenLayers 4.6.4.</p>
  
  <p>The following code renders the map without any problem:</p>
  
  <pre><code>    &lt;script src="https://openlayers.org/en/v4.6.4/build/ol.js"&gt;&lt;/script&gt;
      &lt;script type='text/javascript'&gt;
          var map = new ol.Map({
              target: 'mapdiv',
              layers: [
                  new ol.layer.Tile({
                      source: new ol.source.OSM()
                  })
              ],
              view: new ol.View({
                  center: ol.proj.fromLonLat([-0.1526069, 51.4790309]),
                  zoom: 14
              })
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>I've tried searching on the OpenLayers website for information how to add a marker but it states markers are deprecated! All I want to do is add some pins/markers to the map to display site locations.</p>
  
  <p>I've also tried other versions of OpenLayers 2.13.1, 2.14 and 3.0 without any success.</p>
  
  <p>Any assistance would be greatly appreciated.</p>