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
1
vote
0 answers

Google Model Viewer – is there a way to add custom cursors?

I'd like to customize the Google Model Viewer cursors, but haven't been able to do so using the CSS cursor property. I'm using the release version. I've tried both custom images and generated CSS cursors, both of which work fine on the rest of my…
rachel1
  • 111
  • 2
1
vote
1 answer

Can I "intercept" the request to serve a PWA from google cloud hosting with cloud functions?

I use the PWA starter kit https://pwa-starter-kit.polymer-project.org/ to create websites. I host the sites on Google App Engine because it is very easy to host with and delivers the PRPL pattern right out of the box…
1
vote
1 answer

Web Component: Accessing the shadow DOM within the Custom Component class

With this project, I'm trying to create a custom component that will behave as a map. I'm still learning the fundamentals of Web Components through the W3C documentation and several Youtube videos. The main question is, in the component class…
1
vote
1 answer

How do I get form data from iron-form to be output in view

I am new to Polymer 2 and ES6. I can console.log data that is input into the iron-form. However, I can't output it to the screen. I thought this line would achieve the goal: this.querySelector('.output').innerHTML =…
1
vote
1 answer

How to pass getElementById(#canvas) as a parameter to a function in polymer

I have a template code like this: I am trying to pass this element to a function by making something like getElementById in javascript. But I am getting an error with…
1
vote
1 answer

WebComponents Support in IE 11 - PolyFills

I've got a web component working in chrome. I am trying to get it to show up in IE 11. I've added this line in my main index page: I have copied file…
Jon Raynor
  • 3,804
  • 6
  • 29
  • 43
1
vote
1 answer

How to change page content by click over paper-tab?

I have paper-tabs like this TAB 1 TAB 2 TAB…
Abhay Sharma
  • 221
  • 1
  • 7
  • 24
1
vote
2 answers

google-map-marker in dom-repeat has binding issue

i'm trying to make a polymer page with a map, in the map i'm trying to put multiple markers (easy with a dom-repeat), when i click a marker i want to show an infowindow with a component inside that accepts data from outside and displays it in some…
1
vote
1 answer

How to disable google web light for the website

When i am opening my website in slow internet connection then google provide google web light feature then website loading faster. But website is not properly aligned. And load ugly website. I want to disable google web light for the website. I am…
1
vote
1 answer

google-maps web component display blank

I'm using the google-maps web component in Polymer and followed the example: with…
1
vote
0 answers

Using google-youtube web component in Angular 2

Is there anyone who can describe how to use google-youtube web component in angular 2, because Official documentaion provides nothing about how to use web component. any guide/tutorial will be very helpfull, Thanks
1
vote
0 answers

Using precompiled JSON descriptor with iron-component-page

My main goal is to make documentation for my Rest API, not to a web-component. I'm trying to use Polymer iron-component-page and write the documents in seperate files. The iron-component-page has a property called docSrc - The URL to a precompiled…
1
vote
1 answer

Polymer no output

I'm trying to learn Polymer, but I can't make it to work. The new elements that I created are not showing any output other than the DOM elements Kindly check my codes below: Index.html
1
vote
1 answer

Where is the correct place to add an eventListener to a google-map element in Polymer?

I have the following element defined: