Polymer - Google 客户端加载程序

若要加载特定的客户端，请使用 JavaScript 客户端库 Google-client-loader 加载 Google API。

你可以在应用程序中使用 polymer_google-client-loader，可以通过运行以下命令将其安装到你的项目目录中。

bower install --save GoogleWebComponents/google-apis

此命令将在 bower_components 文件夹下安装 polymer_google-client-loader 的所有相关元素。

示例

以下示例指定了在 Polymer.js 中使用 polymer_google-client-loader。创建一个 index.html 文件，并在其中添加以下代码。

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

输出

若要运行应用程序，请导航到已创建的项目目录，并运行以下命令。

polymer serve

现在打开浏览器并导航至 **http://127.0.0.1:8081/**。输出如下所示。

polymer_elements.htm

打印本页