react-map-gl: Map Does Not Appear
<p>I'm using the <a href="https://github.com/uber/react-map-gl" rel="noreferrer">react-map-gl</a> package from Uber, but even after trying it for a few days, haven't been able to get it to work.</p>

<p>I'm not trying to do anything fancy (yet) - for now, I simply want a map to appear on my page. I figured that once I got that step to work, I can try more advanced things.</p>

<p>Unfortunately, this is all I see:</p>

<p><a href="https://i.stack.imgur.com/68X08.png" rel="noreferrer"><img src="https://i.stack.imgur.com/68X08.png" alt="Map Image"></a></p>

<p>Any suggestions?</p>

<p>Here's the relevant section of my code (from the .jsx file):</p>

<pre class="lang-jsx prettyprint-override"><code>import React from 'react'
import { connect } from 'react-redux'
import MapGL from 'react-map-gl'

const App = React.createClass({

  render: function () {
    const map = (
        &lt;div&gt;
          &lt;MapGL
            width={700}
            height={450}
            latitude={37.78}
            longitude={-122.45}
            zoom={11}
            mapStyle={'mapbox://styles/mapbox/basic-v9'}
            mapboxApiAccessToken={'pk.ey...&lt;removed for privacy&gt;...'}
          /&gt;
        &lt;/div&gt;
      )

    return (
      &lt;div&gt;
        =======Map should be below=======
        &lt;br/&gt;
        { map }
        &lt;br/&gt;
        =======Map should be above=======
      &lt;/div&gt;
    )
  }
})

export default connect()(App)
</code></pre>

<p>Everything else on my site works; the only thing missing is that the map does not actually appear.
Thanks in advance for any help provided.</p>