Stack Overflow
Stack Overflow

Questions tagged [google-web-component]

A collection of web components for Google APIs & services. Built with Polymer.

Google Web Components is a set of pre-made web components specifically made for Google services such as maps and Oauth. They are made to be used along with Polymer, and designed to be easy to use.

Official Google Web Components Project Page

Examples

To insert a Google Map:

<google-map></google-map>

Related tags

51 questions
7
votes
1 answer

Can I use Webpack to inject Google Charts into my project?

Is there any way to use Google Charts in a React app? I have found react-google-charts which I have got working a bit, but it seems to lack much of the API of Google Charts, or is at the very least is undocumented. I'm also a little shy to use…
1252748
  • 14,597
  • 32
  • 109
  • 229
4
votes
1 answer

Polymer DomModule already defined

I'm building a website, where I'd use different polymer components, some of them multiple times. My problem is that the compiled code contains a customElements.define('dom-module', DomModule); that throws Uncaught DOMException: Failed to…
csomakk
  • 5,369
  • 1
  • 29
  • 34
4
votes
1 answer

How to extend default HTML elements as a "customized built-in element" using Web Components?

I am looking to learn how to extend default HTML elements using the newer HTML5 Web Component spec. I have tried the examples outlined by Google here: https://developers.google.com/web/fundamentals/getting-started/primers/customelements They…
beatsforthemind
  • 879
  • 2
  • 8
  • 17
3
votes
2 answers

Integrating Polymer Web Components into React app written in Typescript?

Trying to integrate a Polymer Web Components tooltip feature into a React App written in TypeScript. On compile, it is throwing error Property 'paper-tooltip' does not exist on type 'JSX.IntrinsicElements' So, trying to get the into…
Rowe Morehouse
  • 4,451
  • 3
  • 28
  • 28
3
votes
1 answer

Global CSS effect on Shadow element. Why?

Both CSS (one in light dom and one in shadown dom) effect on tag. Name and Phone are effected by global CSS at and Shadow Scope CSS too!!! WHY ????? I dont want it. I expected they are just effeted by Sahdow scope CSS which is in template scope. I…
tana
  • 585
  • 1
  • 5
  • 16
3
votes
4 answers

Using Google Web Components elements in polymer 3

How can we install Google Web Components elements in polymer 3 Example - using google-youtube or many more elements can't support npm install yet! https://www.webcomponents.org/element/GoogleWebComponents/google-youtube Is anyone figured out…
Ankit Maheshwari
  • 1,620
  • 6
  • 28
  • 55
3
votes
1 answer

Polymer Google Maps Marker Click Event

I am looking for a click event for a google maps marker when using the Polymer web component. I have looked at this SO question but I have a slight difference in my code that might be screwing things up. I am using a template is="dom-repeat" inside…
stutheimpaler
  • 31
  • 2
2
votes
2 answers

Google model-viewer - how to set max zoom?

I'm very happy about what I'm able to do using Google model-viewer. It's relatively configurable, but there's more I'd like to be able to do with the camera-- for instance, setting a max zoom/min distance from the target. I've found code that seems…
AlleyOOP
  • 1,536
  • 4
  • 20
  • 43
2
votes
1 answer

main-title for not working properly?

I'm currently using the app-layout elements (Version 0.10.4), specifically app-toolbar. When creating a div with the "main-title" attribute tied to it, it does not "work." I'm not exactly sure, if it might be what I imported.
Araam Z
  • 23
  • 2
2
votes
1 answer

Generating Google map markers via iterating over an array using data-binding, Why am I losing my infowindow and/or click events on data update?

Using google-map v1.1.10 against git://github.com/GoogleWebComponents/google-map.git#* I build up my markers like so: