title: Embedding a Google map
body: <p>I have embedded a Google Map in my website. I want to change its location according to user input. How can I do this?</p>
  
  <p>I tried to copy the link of the location and assign it to the <code>iframe</code> <code>src</code>:</p>
  
  <pre><code>    $("iframe").attr("src", "https://maps.google.co.in/maps?q=USA&amp;hl=en&amp;ll=37.09024,-95.712891&amp;spn=131.016476,346.289063&amp;sll=23.259933,77.412615&amp;sspn=0.178842,0.338173&amp;oq=usa&amp;doflg=ptm&amp;hnear=United+States&amp;t=m&amp;z=2");
  </code></pre>
  
  <p>but the <code>iframe</code> is not loading the map.</p>