title: "Map container not found" error with Polymer+PubNub
body: <p>I am currently experimenting with PubNub's EON Map library. It is a real-time mapping library that makes use of MapBox and PubNub's live data stream infrastructure. </p>
  
  <p>I'm trying to build a simple PWA that publishes a string every time the location changes. </p>
  
  <pre><code>&lt;link rel="import" href="../bower_components/polymer/polymer.html"&gt;
  &lt;link rel="import" href="shared-styles.html"&gt;
  &lt;link rel="import" href="../bower_components/geo-location/geo-location.html"&gt;
  &lt;link rel="import" href="../bower_components/google-map/google-map.html"&gt;
  
  &lt;link rel="stylesheet" type="text/css" href="../bower_components/mapbox.js/mapbox.css"&gt;
  &lt;script src="../bower_components/mapbox.js/mapbox.js"&gt;&lt;/script&gt;
  &lt;script src="../bower_components/pubnub/dist/web/pubnub.min.js"&gt;&lt;/script&gt;
  &lt;script src="../bower_components/eon-map/pubnub-mapbox.js"&gt;&lt;/script&gt;
  
  &lt;!-- Instantiate PubNub --&gt;
  &lt;script type="text/javascript"&gt;
  
    console.log('Init PubNub');
    var channel = 'pubnub-mapbox';
    var pub = new PubNub({
        publishKey:   'myPubKey',
        subscribeKey: 'mySubKey',
        logVerbosity: true
    });
  
  &lt;/script&gt;
  
  &lt;dom-module id="my-view1"&gt;
    &lt;template&gt;
  
      &lt;div id='map'&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
      var map = eon.map({
        pubnub: pub,
        id: 'map',
        mbToken: 'myToken',
        mbId: 'myId',
        channels: [channel]
      });
  
  &lt;/script&gt;
  
    &lt;/template&gt;
  
    &lt;script&gt;
  Polymer({
    is: 'my-view1',
  });
  </code></pre>
  
  <p>
      </p>
  
  <p>The problem arises when the browser tries to instantiate the EON map. Even though there is a div element, I get this error message:</p>
  
  <pre><code>Uncaught Error: Map container not found.
      at e._initContainer (leaflet-src.js:1979)
      at e.initialize (leaflet-src.js:1532)
      at e.initialize (map.js:37)
      at new e (leaflet-src.js:229)
      at Object.module.exports.map (map.js:233)
      at new create (pubnub-mapbox.js:79)
      at Object.window.eon.map (pubnub-mapbox.js:291)
      at &lt;anonymous&gt;:2:19
      at HTMLElement._createLocalRoot (polymer-mini.html:1998)
      at HTMLElement._setupRoot (polymer-mini.html:1703)
  </code></pre>
  
  <p>I feel like I'm missing something very simple but I can't seem to catch my mistake. Any help would be greatly appreciated.</p>