title: Mapbox map not showing
body: <p>I've started replacing Google maps after they announced a change in their policy.
  However, the very first attempt to follow Mapbox example did not render the map - only the container with Mapbox logo and information icon are visible.
  Any ideas what may be wrong?
  The map is not showing up in both Chrome and Firefox, so this is not a browser issue. Mapbox own example renders in both and my access token is valid.
  I am also happy to consider an alternative API if it has a great support from this forum.</p>
  
  <p>These lines were added to the bottom of the head section:</p>
  
  <pre><code>&lt;link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.45.0/mapbox-gl.css' rel='stylesheet' /&gt;
        &lt;script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.45.0/mapbox-gl.js'&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And here is the actual code to create the map:</p>
  
  <pre><code>&lt;div id = "googleMap"&gt; &lt;/div&gt;
     &lt;script&gt;
      mapboxgl.accessToken = '&lt;MyAccessToken&gt;';
  
      var monument = [51.5220163 , -0.1404545];
      var map = new mapboxgl.Map({
      container: 'googleMap',
      style: 'mapbox://styles/mapbox/light-v9',
      center: monument,
      zoom: 16
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>And here is the CSS for the div to complete the picture:</p>
  
  <pre><code>#googleMap {
  
      width: 49%;
      margin-top: 100px;
      margin-left: 50%;
      margin-bottom: 10px;
      max-height: 60%;
   }
  </code></pre>
  
  <p>There are no console messages either.</p>