title: React - embed props into iframe url
body: <p>I'm new to react and trying to embed the longitude and latitude from an api into a google maps iframe</p>
  
  <pre><code>&lt;br /&gt;  
  &lt;iframe name="gMap" src ="https://maps.google.com/maps?q={ this.props.venue.selectedVenue.location.lat },{ this.props.venue.selectedVenue.location.lng }&amp;hl=es;z=14&amp;amp;output=embed"&gt;&lt;/iframe&gt;
  &lt;br /&gt;
  </code></pre>
  
  <p>The lng,lat coords render to the page under the iframe fine</p>
  
  <pre><code>Lat: { (this.props.venue.selectedVenue) ? this.props.venue.selectedVenue.location.lat : '' }
  &lt;br /&gt;
  Lng: { (this.props.venue.selectedVenue) ? this.props.venue.selectedVenue.location.lng : '' }
  </code></pre>
  
  <p>I figure this is probably easy to do but can't seem to embed them in the url. TIA</p>