Merge pull request #208 from GoogleWebComponents/details

Add details place fetch

Author: ebidel

google-map-search.html

@@ -119,7 +119,7 @@ <h2>{{marker.name}}</h2>
       location: {
         type: Object,
         value: null,
-        readyOnly: true
+        readOnly: true
       }
     },
 
@@ -128,6 +128,13 @@ <h2>{{marker.name}}</h2>
       '_updateLocation(latitude,longitude)'
     ],
 
+    /**
+     * Fired when the details of a place are returned.
+     *
+     * @event google-map-search-place-detail
+     *   @param {google.maps.MarkerPlace} detail The place details.
+     */
+
     /**
      * Fired when the search element returns a result.
      *
@@ -166,6 +173,26 @@ <h2>{{marker.name}}</h2>
       }
     },
 
+    /**
+     * Fetches details for a given place.
+     * @param {String} placeId The place id.
+     * @return {Promise} place The place information.
+     */
+    getDetails: function(placeId) {
+      var places = new google.maps.places.PlacesService(this.map);
+
+      return new Promise(function(resolve, reject) {
+        places.getDetails({placeId: placeId}, function(place, status) {
+          if (status === google.maps.places.PlacesServiceStatus.OK) {
+            resolve(place);
+            this.fire('google-map-search-place-detail', place);
+          } else {
+            reject(status);
+          }
+        }.bind(this));
+      }.bind(this));
+    },
+
     _gotResults: function(results, status) {
       this.results = results.map(function(result) {
         // obtain lat/long from geometry