title: OpenLayers Icon does not show up
body: <p>I have a basic SpringBoot app. using Spring Initializer, JPA, embedded Tomcat, Thymeleaf template engine, and package as an executable JAR file. I have a Thymeleaf that shows a map with OpenLayers 4 library with an Icon, but the Icon does not show up anywhere in the map</p>
  
  <pre><code>&lt;div id="Map" class="map"&gt;&lt;/div&gt;
  &lt;div id="popup"&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;script src="https://openlayers.org/en/v4.6.5/build/ol.js"&gt;&lt;/script&gt;
  &lt;script th:inline="javascript"&gt;
    /*&lt;![CDATA[*/
  
    var lat = /*[[${lat}]]*/ ;
    var lng = /*[[${lng}]]*/ ;
  
    var iconFeature = new ol.Feature({
      geometry: new ol.geom.Point([lng, lat]),
      name: 'The icon',
      population: 4000,
      rainfall: 500
    });
  
    var iconStyle = new ol.style.Style({
      image: new ol.style.Icon( /** @type {olx.style.IconOptions} */ ({
        anchor: [0.5, 46],
        anchorXUnits: 'fraction',
        anchorYUnits: 'pixels',
        src: 'https://openlayers.org/en/v4.6.5/examples/data/icon.png'
      }))
    });
  
    iconFeature.setStyle(iconStyle);
  
    var vectorSource = new ol.source.Vector({
      features: [iconFeature]
    });
  
    var vectorLayer = new ol.layer.Vector({
      source: vectorSource
    });
  
    var rasterLayer = new ol.layer.Tile({
      source: new ol.source.TileJSON({
        url: 'https://api.tiles.mapbox.com/v3/mapbox.geography-class.json?secure',
        crossOrigin: ''
      })
    });
  
    var map = new ol.Map({
      layers: [rasterLayer, vectorLayer,
        new ol.layer.Tile({
          source: new ol.source.OSM()
        })
      ],
      target: 'Map',
      controls: ol.control.defaults({
        attributionOptions: {
          collapsible: false
        }
      }),
      view: new ol.View({
        center: ol.proj.fromLonLat([lng, lat]),
        zoom: 14
      })
    });
    /*]]&gt;*/
  
  &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>