Polymer Google Client Loader

In Polymer.js, Google client loader is used to load a specific client. It is used with Google API with the JavaScript client library.

Run the following command to install polymer_google-client-loaderelement in your project directory. After that you can use this element in your application:

It will install all the related elements of polymer_google-client-loader under the bower_components folder.

Example:

Create an index.html file and add the following code in it to see the usage of google-client-loader element in Polymer.js.

<html>
<head>
<script src = "bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel = "import" href = "bower_components/google-apis/google-apis.html">
</head>

<body>
<div id = "loadedmsg"></div>
<template  id = "googleclient" is = "dom-bind">
<google-client-loader id = "shortener"
            name = "urlshortener"
            version = "v1"
            on-google-api-load = "loadedShortener">
</google-client-loader>

<google-js-api    
            on-js-api-load = "msgloaded">
</google-js-api>

<google-plusone-api  
            on-api-load = "msgloaded">
</google-plusone-api>
</template>

<script>
         var googleclient = document.querySelector('#googleclient');
         googleclient.loadedShortener  = function(event) {
            var request = event.target.api.url.get ({
               shortUrl: 'http://goo.gl/fbsS'
            })
            request.execute(function(resp) {
            });
         };
         googleclient.msgloaded = function(e) {
            document.querySelector('#loadedmsg').innerHTML +=
               e.target.localName + ' is loaded' + '<br>';
         };
</script>
</body>
</html>

Next TopicHangout Button

← prev next →