问题标签 [google-web-component]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
218 浏览

angular - 在 Angular 2 中使用 google-youtube 网络组件

有没有人可以描述如何在 Angular 2 中使用google-youtube网络组件,因为官方文档没有提供任何关于如何使用网络组件的信息。

任何指南/教程都会非常有帮助,谢谢

0 投票
1 回答
226 浏览

google-maps - google-maps web 组件显示空白

我在 Polymer 中使用了 google-maps 网络组件并按照示例进行操作:

风格:

但它显示如下:

在此处输入图像描述

我尝试使用响应能力,每次屏幕更改地图加载时,有什么想法或解决方案吗?谢谢

在此处输入图像描述

0 投票
1 回答
11372 浏览

google-api - 如何为网站禁用 google web light

当我以慢速互联网连接打开我的网站时,谷歌提供谷歌网络灯功能,然后网站加载速度更快。但是网站没有正确对齐。并加载丑陋的网站。我想为该网站禁用 google web light。

我正在使用“不转换”禁用:

我不知道这种正确的方法吗?以及如何检查它是否禁用了谷歌网络灯。因为 google 会自动检测一些时间加载正常的用户界面和一些时间加载丑陋的(WITH GOOGLE WEB LIGHT)用户界面。给我一些想法……谢谢。

我在 https://www.google.com/webmasters/tools/transcoder?pli=1#url=http%3A%2F%2Fwww.winni.in%2Fbangalore中测试了网站

我看到了一个链接我可以为我的网站禁用 Google Web Light 吗?并且还 <meta http-equiv="Cache-control" content="no-transform">放入了标题,但它不起作用。

0 投票
1 回答
382 浏览

google-maps-api-3 - CSS 动画作为谷歌地图标记(Pol​​ymer 1.0)?

我正在尝试<google-map>使用 web 组件库 Polymer 在自定义元素中创建自定义“地图标记”图标。

  1. 我将如何使用动画 GIF?
  2. 我将如何使用 CSS 动画?

我都尝试过,但都失败了。

这是我到目前为止所得到的......

0 投票
1 回答
574 浏览

polymer - 主标题不能正常工作?

我目前正在使用 app-layout 元素(版本 0.10.4),特别是 app-toolbar。

当创建一个带有“main-title”属性的 div 时,它不会“工作”。我不确定,如果它可能是我进口的。

或者可能是我使用的 app-toolbar 错误。

感谢所有反馈,谢谢!

0 投票
1 回答
1831 浏览

javascript - 如何使用 Web 组件将默认 HTML 元素扩展为“自定义内置元素”?

我正在寻找学习如何使用更新的 HTML5 Web 组件规范扩展默认 HTML 元素。我在这里尝试了谷歌概述的示例:https ://developers.google.com/web/fundamentals/getting-started/primers/customelements

他们是:

匿名函数:

在 HTML 中为:

命名函数:

在 HTML 中为:

我无法让这些示例中的任何一个在 Chrome 55 中运行。创建自定义内置元素不起作用可能是怎么回事?我尝试将 JS 和 HTML 以不同的顺序放置,并在示例中将 HTMLImageElement 换成 Image。任何帮助将不胜感激!

0 投票
1 回答
138 浏览

google-maps - 带有绑定 api-key 的 google-map,结合 importHref,隐藏地图

这是来自 GitHub google-map issue #342的交叉帖子,其中包含更多详细信息并在此处寻求帮助。

我有一个项目,其中 Google Maps api-key 通过 ajax 调用加载了用户数据,所以我使用 dom-if 等待 api-key 可用,如下所示:

这种方法效果很好,除非除了设置 mapikey 值之外,脚本还会执行一些 importHref() 调用来加载用户的自定义代码(这是我的情况)。

当加载相当大的导入或仅加载其中的几个(如下面的 jsbin)时,与 #map 关联的 css 更改为 position:relative 并且地图以 height=0 隐藏

这是jsbin 代码,也复制在下面以便于查看

而且,这是该代码的有效 URL

  • 如果您首先单击 TEST-API,您将按预期获得并查看地图。
  • 但是,如果您先单击 TEST-IMPORT,您将获得地图,但由于#map 位置的变化而被隐藏。检查元素 local-dummy > google-map > div id="map" 以查看 #map element.style 中的更改位置

ps 如果我在 setTimeout() 内以 1000 毫秒执行 importHref() 调用,那么问题就会消失,但这可能会失败,具体取决于导入。

这是重现此问题的完整 jsbin 代码

预先感谢您的支持,福斯托

0 投票
2 回答
348 浏览

javascript - 当前的 google-map-marker 位置不正确

我在事件中使用 google-map-marker(在 dom-repeat 中):on-google-map-marker-dragend。

我试图在拖动完成后获取标记的当前位置,但我只得到标记的位置,它在当前拖动之前在拖动上移动。

方法:

更好理解的示例: 我将标记从 latitude:0 longitude:0 拖动到纽约,拖动完成后,我得到的值是 latitude:0 longitude:0,而不是纽约的经度和纬度。

0 投票
0 回答
31 浏览

php - Polymer 在移动设备和其他浏览器上以不稳定的方式加载

我正在使用 Polymer(Web 组件)构建一个 Web 应用程序,它似乎在 Chrome 上运行良好,但是当我尝试在移动设备上加载页面时,它变得非常不稳定,就像一次加载一个元素并且页面看起来很光秃- 骨头在卡入到位之前有一两秒钟。

我已经对所有需要的元素进行了硫化,但即使硫化文件也几乎是 1 MB,并且加载 chrome 需要 382 毫秒。

我可以做些什么来加快加载速度?

那是我文件的整个头部。它是一个 .php 文件,而不是 .html,但我非常怀疑这会产生影响。

只是想知道如何让它更快地加载。

0 投票
1 回答
2321 浏览

javascript - 我可以使用 Webpack 将 Google Charts 注入我的项目吗?

有没有办法在 React 应用程序中使用 Google Charts?我找到了我已经开始工作的react-google-charts,但它似乎缺少很多 Google Charts 的 API,或者至少没有记录。我也有点害羞在生产中使用 NPM 统计数据显示在最后一天只有约 400 次下载的东西。

但是,我无法在 NPM 上单独找到 Google Charts,也无法import Charts from 'google-charts'像我最初预期的那样简单。

我的下一个想法是看看是否有办法将库作为全局变量导入。

1)我该怎么做 2)如果可能的话,我如何将它包含在像这样的反应组件中import { Line } from '???'