Polymer &引用；“未找到映射容器”；聚合物错误+；耻骨

我目前正在试用PubNub的EON地图库。它是一个实时映射库，利用MapBox和PubNub的实时数据流基础设施

我正在尝试构建一个简单的PWA，它在每次位置更改时发布一个字符串

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="shared-styles.html">
<link rel="import" href="../bower_components/geo-location/geo-location.html">
<link rel="import" href="../bower_components/google-map/google-map.html">

<link rel="stylesheet" type="text/css" href="../bower_components/mapbox.js/mapbox.css">
<script src="../bower_components/mapbox.js/mapbox.js"></script>
<script src="../bower_components/pubnub/dist/web/pubnub.min.js"></script>
<script src="../bower_components/eon-map/pubnub-mapbox.js"></script>

<!-- Instantiate PubNub -->
<script type="text/javascript">

  console.log('Init PubNub');
  var channel = 'pubnub-mapbox';
  var pub = new PubNub({
      publishKey:   'myPubKey',
      subscribeKey: 'mySubKey',
      logVerbosity: true
  });

</script>

<dom-module id="my-view1">
  <template>

    <div id='map'></div>

<script type="text/javascript">
    var map = eon.map({
      pubnub: pub,
      id: 'map',
      mbToken: 'myToken',
      mbId: 'myId',
      channels: [channel]
    });

</script>

  </template>

  <script>
Polymer({
  is: 'my-view1',
});

log（'Init PubNub'）；
变量通道='pubnub映射框'；
var pub=new PubNub({
publishKey:“myPubKey”，
subscribeKey:“mySubKey”，
详细记录：正确
});
var map=eon.map({
pub:pub，
id:'地图'，
mbToken:'myToken'，
mbId:'myId'，
频道：[频道]
});
聚合物({
是：‘我的视图1’，
});

当浏览器尝试实例化EON映射时会出现问题。即使存在div元素，我也会收到以下错误消息：

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 <anonymous>:2:19
    at HTMLElement._createLocalRoot (polymer-mini.html:1998)
    at HTMLElement._setupRoot (polymer-mini.html:1703)

未捕获错误：未找到映射容器。
在e.。(src.js:1979传单)
在e.initialize（单张src.js:1532）
在e.initialize（map.js:37）
在新东区（src.js:229传单）
位于Object.module.exports.map（map.js:233）
在新创建时（pubnub mapbox.js:79）
在Object.window.eon.map（pubnub-mapbox.js:291）
两点十九分
在HtmleElement.\u createLocalRoot（polymer mini.html:1998）
位于HtmleElement.\u setupRoot（polymer mini.html:1703）

---

我觉得我错过了一些非常简单的东西，但我似乎无法抓住我的错误。任何帮助都将不胜感激。

我能够使用以下方法获得eon贴图进行渲染：

在包含示例代码的

eon.html

页面中定义一个新的eon映射元素

#地图{
高度：200px；
}
聚合物({
是‘eon地图’，
就绪：函数（）{
变量通道='pubnub映射框'；
var pub=new PubNub({
publishKey:“你的发布密钥”，
subscribeKey:“您的子密钥”，
详细记录：正确
});
var map=eon.map({
pub:pub，
id:'地图'，
mbToken:“您的\u mb\u令牌”，
mbId:“您的\u mb\u id”，
频道：[频道]，
调试：正确
});
}
});

在eon.html中定义新元素的确切含义是什么？不管怎样，我最终还是使用Polymer CLI init命令创建了一个新元素，并将代码粘贴到那里。但我最终还是犯了同样的错误。我能提供其他信息吗？你们有什么版本的聚合物？