title: Google Polymer: google-map-search doesn't work
body: <pre><code>            &lt;paper-dialog id="post" entry-animation="scale-up-animation" exit-animation="fade-out-animation"&gt;
                  &lt;div class="find-area"&gt;
                      &lt;paper-textarea on-input="find" id="find_textarea" class="find-place-text" label="Find your place" maxlength="250"&gt;&lt;/paper-textarea&gt;
                  &lt;/div&gt;
                  &lt;div class="map-area"&gt;
                      &lt;google-map id="[[map]]"
                                  api-key="000000000myapi000000"
                              latitude="[[lat]]"
                              longitude="[[lon]]"
                              fit-to-markers&gt;
                      &lt;/google-map&gt;
                      &lt;google-map-search id="google_search"
                                          globalSearch="true"
                                         map="[[map]]"
                                         results="[[results]]"&gt;
                      &lt;/google-map-search&gt;
                  &lt;/div&gt;
                  &lt;paper-button on-tap="[[upload]]"&gt;Accept&lt;/paper-button&gt;
                  &lt;label&gt;coords:[[ results::lat ]], [[ results::lon ]]&lt;/label&gt;
                  &lt;label&gt;query:[[ query ]]&lt;/label&gt;
                  &lt;label&gt;map:[[ map ]]&lt;/label&gt;
                  &lt;label&gt;results:[[results]]&lt;/label&gt;
              &lt;/paper-dialog&gt;   
   &lt;script&gt;
               function _showPosition(position) {
              try {
                  x.latitude = position.coords.latitude;
                  x.longitude = position.coords.longitude;
              }catch (err){
                  alert(err+'; position:'+position)
              }
  
          }
          function showError(error) {
              alert('error:'+ error)
          }*/
          function _submit(event) {
              Polymer.dom(event).localTarget.parentElement.submit();
          }
          Polymer({
                is: 'profile-new-post',
                  properties: {
                      enable : {
                          type: Boolean,
                          value: true
                      },
                      lat : {
                          value : 37.77493
                      },
                      lon : {
                          value : -122.41942
                      },
                      query : {
                          type : String,
                          value : ""
                      },
                      results : {
                          type : Array
                      },
                      map : {
                          type : Object
                      }
                  },
                  func : function (e) {
                      this.map = this.$.map;
                      post.open();
                  },
                  find : function (e) {
                      this.$.google_search.query = this.$.find_textarea.value;
                      this.query = this.$.google_search.query;
                      this.$.google_search.search();
                      this.lat = this.$.google_search.results.latitude;
                      this.lon = this.$.google_search.results.longitude;
                      //alert(this.$.google_search.results.latitude + ';  ' + this.$.google_search.results.longitude)
                  },
  </code></pre>
  
  <p>I'm trying to use [[]] brackets because of django use {{}}. Map, results and coords are empty at output lables. It shows map with San Francisco but when i try to print text in input it doesn't want to search. The aren't any errors in console. I've saw tutorial video from google about this, but there was old version of Polymer and many things like {{ $.element.atribute }} inside element head doesn't work (it doesn't know what '$' is). Maybe someone can explain for me what's the biggest difference between  [[ ]] and {{ }}, because i can't understand it from official tutorial?</p>
  
  <p><strong>Solve:</strong> to solve it, i must put source from inside dialog to new template with property is="dom-bind.</p>
  
  <pre><code>        &lt;p&gt;&lt;paper-button raisedButton on-tap="upload"&gt;Upload&lt;/paper-button&gt;&lt;/p&gt;
          &lt;paper-button id="dialogbutton" on-tap="func"&gt;Post&lt;/paper-button&gt;
          &lt;paper-dialog id="post" entry-animation="scale-up-animation" exit-animation="fade-out-animation"&gt;
              &lt;template is="dom-bind"&gt;
                  &lt;div class="find-area"&gt;
                      &lt;paper-input value="{{ input_query }}" on-input="find" id="find_textarea" class="find-place-text" label="Find your place" maxlength="250"&gt;&lt;/paper-input&gt;
                  &lt;/div&gt;
                  &lt;div class="map-area"&gt;
                      &lt;google-map-search
                              id="google_search"
                              map="{{ map }}"
                              query="{{ input_query }}"
                              results="{{results}}"
                              on-google-map-search-results="searchingComplite"&gt;
                        &lt;/google-map-search&gt;
                        &lt;google-map
                                map="{{map}}"
                                latitude="{{results[0}.latitude}}"
                                longitude="{{results[0}.longitude}}"&gt;
                        &lt;/google-map&gt;
                  &lt;/div&gt;
                  &lt;paper-button on-tap="upload"&gt;Accept&lt;/paper-button&gt;
                  &lt;label&gt;coords:{{ lat }}, {{ lon }}&lt;/label&gt;
                  &lt;label&gt;query:{{ query }}&lt;/label&gt;
                  &lt;label&gt;map:{{ map }}&lt;/label&gt;
                  &lt;label&gt;results:{{ results }}&lt;/label&gt;
              &lt;/template&gt;
  </code></pre>