title: Display google maps in iframe dynamically
body: <p>I would like to dynamically create a "google maps" link in javascript and than set it as src for my iframe, but I don't know if it is not possible with google maps, because this doesn't work:</p>
  
  <pre><code>    document.getElementById('map_canvas').src='http://maps.google.com/maps/ms?ie=UTF8&amp;amp;msa=0&amp;amp;msid=209246852521822593612.0004feda304ac527ea40a&amp;amp;output=embed';
  </code></pre>
  
  <p>although, for example this works:</p>
  
  <pre><code>    document.getElementById('map_canvas').src='http://www.cnn.com';
  </code></pre>
  
  <p>This is my iframe:</p>
  
  <pre><code>&lt;iframe id="map_canvas" name="map_canvas" width="100%" height="600px"
      frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
      src=""&gt;
  &lt;/iframe&gt;
  </code></pre>
  
  <p>Could you explain me, how is it possible to dynamically generate and display a google maps link in iframe ?</p>
  
  <p>Thank you for help!</p>