title: Map with MapBox not loading on heroku
body: <p>I have an issue with heroku. My map not appear in production but works in development.</p>
  
  <p>My map in JS:</p>
  
  <pre><code>var ready;
  ready = function() {
      L.mapbox.accessToken = 'pk.eyJ1IjoiYmxhY2t5IiwiYSI6IjA4NWJjZDNiNDQ0MTg3YjVmZTNkM2NkMWQ3MmM4ZjU4In0.SDQh56AZPCbIL2rVs4eAkQ';
      $('.map').each(function() {
          var map = L.mapbox.map($(this).attr('id'), 'mapbox.streets').setView([48.855, 2.4], 8);
  
          var geocoder = L.mapbox.geocoder('mapbox.places');
          var adress = document.getElementById($(this).attr('id'));
  
          geocoder.query(adress.getAttribute("data-adress-map"), showMap);
  
          function showMap(err, data) {
              // The geocoder can return an area, like a city, or a
              // point, like an address. Here we handle both cases,
              // by fitting the map bounds to an area or zooming to a point.
              if (data.lbounds) {
                  map.fitBounds(data.lbounds);
              } else if (data.latlng) {
                  map.setView([data.latlng[0], data.latlng[1]], 13);
              }
  
              var marker = L.marker([data.latlng[0], data.latlng[1]]).addTo(map);
  
              marker.bindPopup(adress.getAttribute("data-title-map") +"&lt;br&gt;"+ adress.getAttribute("data-adress-map"));
          }
  
      })
  
  };
  
  $(document).ready(ready);
  $(document).on('page:load', ready);
  </code></pre>
  
  <p>My view index.erb :</p>
  
  <pre><code>&lt;div id="map-&lt;%= page.position %&gt;" class="map" data-title-map="&lt;%= page.title_map %&gt;" data-adress-map="&lt;%= page.adress_map %&gt;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>app/views/layouts/application.html.erb :</p>
  
  <pre><code>  &lt;meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /&gt;
    &lt;%= stylesheet_link_tag    'https://api.tiles.mapbox.com/mapbox.js/v2.2.1/mapbox.css' %&gt;
    &lt;%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' =&gt; true %&gt;
    &lt;%= javascript_include_tag  'https://api.tiles.mapbox.com/mapbox.js/v2.2.1/mapbox.js' %&gt;
    &lt;%= javascript_include_tag 'application', 'data-turbolinks-track' =&gt; true %&gt;
    &lt;%= csrf_meta_tags %&gt;
    &lt;%= render 'layouts/ga' %&gt;
  </code></pre>
  
  <p>An idea ?</p>
  
  <p>Thanks.</p>