title: Features are tiny
body: <p>I am moving my map from taking the url directly in the source to a model where I fetch the data separately and add them in manually.  Taking the Url directly in the source like the below worked perfectly fine.</p>
  <pre><code>var vectorSource = new ol.source.Vector({
      url: `${document.ApiRoot}/api/features/${this.Zoom}?coordinateList=${this.ViewportCoordinates.join(&quot;,&quot;)}`,
      format: new ol.format.GeoJSON()
  });
  await this.mainLayer.setSource(vectorSource);
  </code></pre>
  <p>So now I create a single vector source for my layer which is no longer replaced.  I use the below code to update the map with new features.</p>
  <pre><code>const features = await Api.GetFeatures(this.Zoom, this.ViewportCoordinates);
  
  this.featureVectorSource.clear();
  var geojsonFormat = new ol.format.GeoJSON();
  const olFeatures = geojsonFormat.readFeatures(JSON.stringify(features));
  this.featureVectorSource.addFeatures(olFeatures);
  </code></pre>
  <p>I have inspected the results using the browser debugging tools and all looks about correct. The features are correctly parsed and added to the map.  If I inspect the layer and get its features then they are there.  The map looks virtually empty, however in exasperation I scrolled around looking for something and sure enough I found my features.
  <a href="https://i.stack.imgur.com/pJtaO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pJtaO.png" alt="The feature on an empty map" /></a></p>
  <p>That dot is a feature, I can select it and read data off it like I could before.</p>
  <p>I have tried messing about with projections but I'm not entirely clear on what I'm doing.  It seems like the feature is having its coordinates transformed in some manner when I don't need them to.  I have enabled the coordinates to show on the map with the mouse pointer and that seems fine as well.</p>
  <p>I'm at a loss.  Any help is appreciated, thank you.</p>