title: Using cordova google maps plugin and google places api together
body: <p>I am trying to build an app using Ionic + Cordova. I want to show a map in my app.
  I am using cordova google maps plugin for this and I am able to successfully render the map.
  Now what I want to do is place a search box on top the map. The search should show place suggestions close to the user's current location when user starts typing.</p>
  
  <p>I use the below code to add search box on the top of the map:</p>
  
  <pre><code>&lt;div style="width:100%;height:400px" id="map_canvas"&gt;
       &lt;div id="searchBox"&gt;
          &lt;input type="text" id="query" size="30" /&gt;            
       &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>In my controller, I use google places autocomplete service to get a list of places close to user's current location. It does show the list of places in the drop down when I start typing. </p>
  
  <pre><code>   var input = document.getElementById('query');
     var autocomplete = new google.maps.places.Autocomplete(input);
  </code></pre>
  
  <p>However I am not able to select the options from the drop-down list. It keeps on moving the map in the background.</p>
  
  <p>I tried setting the below property</p>
  
  <pre><code>map.setClickable( false )
  </code></pre>
  
  <p>However that makes the map fixed. I dont want the map to be fixed and user should be able to move the map around if he wishes so.</p>
  
  <p>I also want to pass on the location selected in the drop down to the map. I want to use this information to add a marker to the map. I am struggling to get this working. </p>
  
  <p>Has anybody been able to get this working? If yes, any pointers or sample code would be helpful. </p>
  
  <p>Note : I am able to get it working when using google maps api + google places api. 
  I want to use the cordova google maps plugin as I hear its more performant compared to directly using the google maps api.</p>
  
  <p>Regards</p>