问题标签 [google-web-component]

我正在尝试使用地图制作聚合物页面，在地图中我试图放置多个标记（使用 dom-repeat 很容易），当我单击标记时，我想显示一个带有内部组件的信息窗口接受来自外部的数据并以某种方式显示。我目前在尝试通过绑定传递给信息窗口内组件的信息来制作 google-map-marker 的 dom-repeat 时遇到问题。

基本上，当执行 dom-repeat 并且创建的标记在 infowindow 组件中正确设置时，数据会在 infowindow 组件中正确设置，但是在此时和显示 infowindow 之间的某个地方，数据会丢失，并且现在设置的所有内容都未定义。

我尝试了不同的方法，得出的结论如下：

如果与 a 一起使用，则绑定有效

标签，直接显示内容。

信息窗口组件代码：

调用组件的页面

如果与组件公开的属性一起使用，绑定将不起作用，如下所示：

信息窗口组件：

调用组件的页面：

但同时，如果设置为静态值，则属性本身可以工作

我不明白这是一个错误还是我做错了什么。

我有这样的纸标签

每个标签我都有不同的熨斗列表。将选择第一个选项卡，但由于用户将单击其他选项卡，因此应更改所选选项卡的内容。_changeList 函数会带来不同的数据。我该如何实现呢？请

关于这里已经提出的问题

但这个问题一直没有得到回答。

我正在尝试在铁形式上添加EventListener，例如：

我的 HTML 导入：

表格：

和听众：

但这也让我犯了错误-

未捕获的类型错误：无法读取 null 的属性“addEventListener”

我已经尝试了一些有关 window.onload 或 WebComponentsReady 的建议。没有任何帮助。

我有一个在 chrome 中工作的 web 组件。我试图让它出现在 IE 11 中。

我在我的主索引页面中添加了这一行：

我已将文件复制到所述目录。重建和部署网站后，在 IE 中看不到 Web 组件，在 Chrome 中显示正常。

我错过了什么吗？

2017 年 9 月 6 日更新

我现在收到此错误：

文件：webcomponents-lite.js，行：137，列：460 无法获取未定义或空引用的属性“documentElement”

线路是这样的：

所以，看起来 polyfill 正在加载但没有正确执行。另外，我在连接和断开的回调中放入了一些console.log，它们也没有被调用。

我正在尝试使用google map webcomponents，并且我正在尝试向 lat、longs 位置添加多个标记

我在另一个 div 中使用地图视图，但我无法获得多个标记

任何人都可以展示 jsfiddle 如何向 googlemap webcomponents 添加多个标记吗？

我已经使用“polymer-2-starter-kit”创建了我的第一个聚合物-cli 项目，并且项目已成功创建，但是在浏览器中提供并打开它之后，它只在 opera 和 chrome 上显示一个空屏幕。

更新

以下是我可以在控制台中看到的错误。

我正在建立一个网站，在那里我会使用不同的聚合物成分，其中一些是多次使用的。

我的问题是编译后的代码包含一个

抛出

我不知道如何解决这个问题。

我有一个这样的模板代码：

我试图通过在javascript中制作类似getElementById的东西来将此元素传递给一个函数。但我收到“this.$.canvas”错误

我有一个<google-map>inside a <app-drawer-layout>，它工作正常，除了当抽屉被隐藏时地图在右侧显示一个灰色区域。

我发现的关于这个问题的所有讨论都说解决方案是触发resize地图事件，但这对我不起作用。为了安全起见，我什至尝试添加延迟，但它仍然没有任何作用。

控制台输出确认地图宽度确实在触发调整大小事件之前发生了变化，但灰色区域仍然存在。即使我平移和缩放地图，灰色区域仍然存在（尽管它会根据平移变宽或变窄）。唯一似乎可以纠正它的是调整整个浏览器窗口的大小。

顺便说一句，这是在 Mac 上的 Chrome 中。

我是 Polymer 2 和 ES6 的新手。我可以 console.log 输入铁形式的数据。但是，我无法将其输出到屏幕上。我认为这条线可以实现目标：

this.querySelector('.output').innerHTML = JSON.stringify(this.$.pizzaOrder.favoritePizza);

但是，这给了我错误：未捕获的 TypeError：无法将属性“innerHTML”设置为 null。这是我的自定义元素 my-form 的完整代码：