Adds a libraries attr to directions.

This is so the map and directions elements can share the same API library load

google-map-directions.html

@@ -34,17 +34,17 @@
  @param {object} detail.response The directions service response.
 -->
 
-<polymer-element name="google-map-directions" attributes="map startAddress endAddress travelMode response">
+<polymer-element name="google-map-directions" attributes="map startAddress endAddress travelMode response libraries">
  <template>
  <style>
  :host {
  display: none;
  }
  </style>
- <google-maps-api on-api-load="{{mapApiLoaded}}"></google-maps-api>
+ <google-maps-api on-api-load="{{mapApiLoaded}}" libraries="{{libraries}}"></google-maps-api>
  </template>
  <script>
- Polymer('google-map-directions', {
+ Polymer({
 
  /**
  * The Google map object.
@@ -82,6 +82,20 @@
  */
  travelMode: 'DRIVING',
 
+ /**
+ * The 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.
+ *
+ * @attribute libraries
+ * @type string
+ * @default "places"
+ */
+ libraries: "places",
+
  /**
  * The response from the directions service.
  *

google-map.html

@@ -326,7 +326,7 @@
 
  /**
  * The libraries to load with this map. Defaults to "places". For more information
- * https://developers.google.com/maps/documentation/javascript/libraries
+ * see https://developers.google.com/maps/documentation/javascript/libraries.
  *
  * @attribute libraries
  * @type string