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
1 answer

When dragging Google Map Safari drags the whole page

On a webpage i have a google map that should be draggable. But when dragging the Google Map (is the official web component), Safari drags the whole website (like when dragging an image). Firefox and Chrome work great (IE not tested). Any…
lukaswelte
  • 2,951
  • 1
  • 23
  • 45
1
vote
1 answer

google-signin don't return user info

I am using google-signin element from Google Web Components, but I don't know how to return user info. I tried to write some JS…
1
vote
1 answer

Webcomponents.js on Internet Explorer 9

I'm testing if google polymer works on ie9. An error occurs at line 11 of webcomponents.min.js expecting ":" between get() and href. Here is the excerpt from the webcomponent.js file: ... jURL.prototype = { toString: function() { return…
Nazerke
  • 2,098
  • 7
  • 37
  • 57
1
vote
0 answers

google-map element throws error upon creation

Downvote people: Note that this question is n̲o̲t̲ about Google Maps API V3. is a GoogleWebComponent that displays a map automagically upon declaration in dom. var map = document.createElement("google-map"); By only executing this…
0
votes
1 answer

How to fully integrate google service into html?

Goal Get access to https://calendar.google.com/ (Google Calendar) in a Google Web App HTML page that can be altered with HTML/CSS/JavaScript. Questions How do you place a google service directly into a GAS web app? Are there any indirect methods to…
0
votes
1 answer

How can I know If a webcomponent is on screen in litelement?

Im doing a small proyect with litelement, but I want to fire an event when a webcomponent is shown, not only the first time, but every time that the component shows, how can I do that? thanks in advance
0
votes
0 answers

Function after dom-repeat finished

I created new component in Polymer 2, inside that i will use 2 web components, component a for show name of div and lenght of components b who will run a dom-repeat inside this web component. With that said, after dom-repeat finishes my code isn't…
0
votes
1 answer

Webcomponents google-map displays gray area to the right after hiding app-drawer

I have a inside a , and it works fine except the map displays a gray area to the right when the drawer is hidden. All the discussions I've found about this issue say that the solution is to trigger the resize event…
0
votes
1 answer

Polymer starter kit project showing empty web page

I have created my first polymer-cli project using "polymer-2-starter-kit" and project is successfully created but after serving and opening it in browser it just shows an empty screen both on opera and chrome. UPDATE following are errors I can see…
0
votes
1 answer

webcomponents: multiple markers not getting added to google map web components

i am trying to use google map webcomponents and i am trying to add multiple markers to the lat, longs location i followed the question creating a google map with marker using web-component i tried adding multiple markers but the markers are not…
triples13
  • 206
  • 4
  • 18
0
votes
2 answers

iron-form addEventListener of null

in relation to an already asked question here But that question never got answered. I am trying to addEventListener on an iron-form like: my HTML imports:
0
votes
0 answers

Polymer loads in a choppy fashion on mobile and other browsers

I am building a web application using Polymer (Web Components) and it seems to work fine on Chrome, but when I try to load a page on mobile, it gets really choppy like it is loading one element at a time and the page looks bare-bones for a second or…
J.Keefe
  • 100
  • 1
  • 9
0
votes
2 answers

Current google-map-marker position is not correct

I am using google-map-marker (in dom-repeat) with the event: on-google-map-marker-dragend. I am trying to get the current position of the marker after the drag is completed, but I only get the position of the marker, where it was moved on the drag…
0
votes
1 answer

google-map with binded api-key, combined with importHref, hides the map

This is a cross post from GitHub google-map issue #342, with more details and asking for help here. I have a project where the Google Maps api-key is loaded with the user data through an ajax call, so I am using a dom-if waiting for the api-key to…
Fausto R.
  • 1,314
  • 3
  • 16
  • 29
0
votes
1 answer

CSS animation as a Google Map Marker (Polymer 1.0)?

I'm trying to create a custom "map marker" icon inside the custom element , using the web component library, Polymer. How would I go about using an animated GIF? How would I go about using a CSS animation? I've attempted both but…