google-maps - Bootstrap 和 iFrame 谷歌地图

Question

我使用 Bootstrap 模板(“Stylish Portfolio”- http://startbootstrap.com/stylish-portfolio)为我的一个 friend 制作了一个简单的投资组合页面。

我应该说，我喜欢在业余时间写代码，而且我在任何方面都不是专业人士，所以我为我的新手道歉! :-)

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

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

当我查看 map 的 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 -->

就是这样。我真的可以在这里使用一些帮助，因为我首先想到的是坐标，实际上不是。但是我不知道如何更改 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>