title: Add features to the map in OpenLayers 5
body: <p>I have a following code in HTML</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Vector Style Examples&lt;/title&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt; 
  &lt;link rel="stylesheet" href="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.1.3/css/ol.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
  &lt;link href="https://fonts.googleapis.com/css?family=Teko" rel="stylesheet"&gt; 
  &lt;script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.1.3/build/ol.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="map" class="map"&gt;&lt;/div&gt;
  &lt;script&gt;
  var map = new ol.Map({
      view: new ol.View({center: ol.proj.transform([16.9278, 52.4044], 'EPSG:4326', 'EPSG:3857'), zoom:12}),
      layers: [new ol.layer.Tile({
              source: new ol.source.OSM()
      })],
      target:'map'
  });
  
  var marker = new ol.Feature({
      geometry: new ol.geometry.point(ol.proj.transform([16.9071388, 52.4901917], 'EPSG:4326', 'EPSG:3857')),
  });
  
  var markers = new ol.source.Vector({
      features: [marker]
  });
  
  var markerVectorLayer = new ol.layer.Vector({
      source: markers,
  });
  map.addLayer(markerVectorLayer);
  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>It's not displaying any points, only the map. In the console, I get the error "ol.geom.point is not a constructor". This code is mostly based on this tutorial
  <a href="https://medium.com/attentive-ai/working-with-openlayers-4-part-2-using-markers-or-points-on-the-map-f8e9b5cae098" rel="nofollow noreferrer">https://medium.com/attentive-ai/working-with-openlayers-4-part-2-using-markers-or-points-on-the-map-f8e9b5cae098</a></p>