update elements and fix some bugs

lib/src/google-map/google-map-directions.html

 <!-- Copyright (c) 2015 Google Inc. All rights reserved. -->
 
 <link rel="import" href="../polymer/polymer.html">
 <link rel="import" href="../google-apis/google-maps-api.html">
 
 <!--
 Provides the Google Maps API Directions Service to provide directions
 between a `startAddress` and `endAddress`.
 
 See https://developers.google.com/maps/documentation/javascript/directions for more
@@ skipping 15 matching lines @@
 
 <dom-module id="google-map-directions">
   <style>
     :host {
       display: none;
     }
   </style>
   <template>
     <google-maps-api
       api-key="[[apiKey]]"
-      libraries="[[libraries]]"
       language="[[language]]"
       on-api-load="_mapApiLoaded"></google-maps-api>
   </template>
 </dom-module>
 
 <script>
   Polymer({
 
     is: 'google-map-directions',
 
 /**
 Fired whenever the directions service returns a result.
 
 @event google-map-response
-@param {Object} detail
-@param {object} detail.response The directions service response.
+@param {{response: Object}}} detail
 */
     properties: {
       /**
        * A Maps API key. To obtain an API key, see developers.google.com/maps/documentation/javascript/tutorial#api_key.
        */
       apiKey: String,
 
       /**
        * The Google map object.
        *
@@ skipping 40 matching lines @@
        * Waypoints are not supported for transit directions. Optional.
        *
        * @type google.maps.DirectionsWaypoint
        */
        waypoints: {
          type: Array,
          value: function() { return []; }
        },
 
       /**
-       * A comma separated list (e.g. "places,geometry") of libraries to load
-       * with this map. Defaults to "places". For more information see
-       * https://developers.google.com/maps/documentation/javascript/libraries.
-       *
-       * Note, this needs to be set to the same value as the one used on <google-map>.
-       * If you're overriding that element's `libraries` property, this one also
-       * needs to be set to the Maps API loads the library code.
-       */
-      libraries: {
-        type: String,
-        value: 'places'
-      },
-
-      /**
        * The localized language to load the Maps API with. For more information
        * see https://developers.google.com/maps/documentation/javascript/basics#Language
        *
        * Note: the Maps API defaults to the preffered language setting of the browser.
        * Use this parameter to override that behavior.
        */
       language: {
         type: String,
         value: null
       },
 
       /**
+       * Options for the display of results
+       */
+      rendererOptions: {
+        type: Object,
+        value: function() { return {}; }
+      },
+
+      /**
        * The response from the directions service.
        *
        */
       response: {
         type: Object,
         observer: '_responseChanged',
         notify: true
       }
     },
 
     observers: [
       '_route(startAddress, endAddress, travelMode, waypoints)'
     ],
 
     _mapApiLoaded: function() {
       this._route();
     },
 
     _responseChanged: function() {
       if (this.directionsRenderer && this.response) {
         this.directionsRenderer.setDirections(this.response);
       }
     },
 
     _mapChanged: function() {
       if (this.map && this.map instanceof google.maps.Map) {
         if (!this.directionsRenderer) {
-          this.directionsRenderer = new google.maps.DirectionsRenderer();
+          this.directionsRenderer = new google.maps.DirectionsRenderer(this.rendererOptions);
         }
         this.directionsRenderer.setMap(this.map);
         this._responseChanged();
       } else {
         // If there is no more map, remove the directionsRenderer from the map and delete it.
         if (this.directionsRenderer) {
           this.directionsRenderer.setMap(null);
           this.directionsRenderer = null;
         }
       }
@@ skipping 21 matching lines @@
       };
       this.directionsService.route(request, function(response, status) {
         if (status == google.maps.DirectionsStatus.OK) {
           this.response = response;
           this.fire('google-map-response', {response: response});
         }
       }.bind(this));
     }
   });
 </script>