Bootstrap和iFrame Google Map

Question

我使用了Bootstrap模板（“时尚产品组合”-http: //startbootstrap.com/stylish-portfolio）为我的朋友制作了一个简单的产品组合页面。

我应该说，我很喜欢在业余时间进行编码，而我也不是一个专业人士，因此我对我的新手表示歉意！:-)

无论如何，无法弄清楚如何更改嵌入在模板html中的iframe google map的位置。默认情况下，它被设置为定位Twitter总部。但这不是我真正想要的。

我需要它只是在地图上显示费城，但我根本无法使它工作！更具体地说，这是地图需要提供的确切视图：https : //www.google.com/maps/place/Philadelphia,+PA/@40.002498,-75.1180329,11z/data=!3m1!4b1！ 4m2！3m1！1s0x89c6b7d8d4b54beb：0x89f514d88c3e58c1

当我查看地图的html代码时，我有以下内容：

    <!-- Map -->
<div id="contact" class="map">
    <iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;aq=0&amp;oq=twitter&amp;sll=28.659344,-81.187888&amp;sspn=0.128789,0.264187&amp;ie=UTF8&amp;hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;t=m&amp;z=15&amp;iwloc=A&amp;output=embed"></iframe>
    <br />
    <small>
        <a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;aq=0&amp;oq=twitter&amp;sll=28.659344,-81.187888&amp;sspn=0.128789,0.264187&amp;ie=UTF8&amp;hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;t=m&amp;z=15&amp;iwloc=A"></a>
    </small>
    </iframe>
</div>
<!-- /Map -->

就这样。我真的可以在这里使用一些帮助，因为我最初认为的并不是坐标。但是我不知道如何更改地图的位置！或带有当前Twitter信息的小框。

有人对此有经验吗？

Answer 1

更换iframe，

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d195601.04562769792!2d-75.11803295!3d40.002497999999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1401521095201" width="100%" height="100%" frameborder="0" style="border:0"></iframe>