title: Bootstrap and iFrame google map
body: <p>I've used a Bootstrap template ("Stylish Portfolio" - <a href="http://startbootstrap.com/stylish-portfolio" rel="nofollow">http://startbootstrap.com/stylish-portfolio</a> ) to make a simple portfolio page for a friend of mine.</p>
  
  <p>I should say, that I enjoy to do coding in my spare time, and I am as such not a professional in any way, so I apologize for my newbieness! :-)</p>
  
  <p>Anyway, can't figure out how to change the location of the iframe google map which is embedded in the template's html.
  As default it is set to locate Twitters HQ. But that's not really what I want.</p>
  
  <p>I need it to just show Philadelphia on the map, but I simply cant get it to work!
  To be more specific, this is the exact view the map need to provide:
  <a href="https://www.google.com/maps/place/Philadelphia,+PA/@40.002498,-75.1180329,11z/data=!3m1!4b1!4m2!3m1!1s0x89c6b7d8d4b54beb:0x89f514d88c3e58c1" rel="nofollow">https://www.google.com/maps/place/Philadelphia,+PA/@40.002498,-75.1180329,11z/data=!3m1!4b1!4m2!3m1!1s0x89c6b7d8d4b54beb:0x89f514d88c3e58c1</a></p>
  
  <p>When I look at the html code for the map, I have this:</p>
  
  <pre><code>    &lt;!-- Map --&gt;
  &lt;div id="contact" class="map"&gt;
      &lt;iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;amp;source=s_q&amp;amp;hl=en&amp;amp;geocode=&amp;amp;q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;amp;aq=0&amp;amp;oq=twitter&amp;amp;sll=28.659344,-81.187888&amp;amp;sspn=0.128789,0.264187&amp;amp;ie=UTF8&amp;amp;hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;amp;t=m&amp;amp;z=15&amp;amp;iwloc=A&amp;amp;output=embed"&gt;&lt;/iframe&gt;
      &lt;br /&gt;
      &lt;small&gt;
          &lt;a href="https://maps.google.com/maps?f=q&amp;amp;source=embed&amp;amp;hl=en&amp;amp;geocode=&amp;amp;q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;amp;aq=0&amp;amp;oq=twitter&amp;amp;sll=28.659344,-81.187888&amp;amp;sspn=0.128789,0.264187&amp;amp;ie=UTF8&amp;amp;hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;amp;t=m&amp;amp;z=15&amp;amp;iwloc=A"&gt;&lt;/a&gt;
      &lt;/small&gt;
      &lt;/iframe&gt;
  &lt;/div&gt;
  &lt;!-- /Map --&gt;
  </code></pre>
  
  <p>That's all.
  I really could use some assistance here since what I first thought was coordinates, aren't in fact that. But I have no idea how to change the location of the map! Or the small box with the current Twitter information.</p>
  
  <p>Anybody who has any experience with this?</p>