對話框未顯示在Google地圖中

Question

我無法在Google地圖中看到該對話框。...我調整了地圖的寬度和高度，但無法正常工作....還有其他方法...在下面提供我的代碼....

http://jsfiddle.net/KNPZB/4/embedded/result/

<div class="row features">

            <div class="span6">

              <h3>Our office is located at:</h3>
                <p>
                   47653, Lakeview Blvd, Fremont, CA 94538
                </p>
                <p>
                   Ph. (510)-657-8981 | F:(510)-657-8983|E:cs@defie.co
                </p>
                <p>
                   47653, Lakeview Blvd, Fremont, CA 94538
                </p>

            </div>



            <div class="span6">
                <iframe width="265" height="190" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=47657+Lakeview+Blvd.+Fremont,+Ca.+94538&amp;sll=37.472223,-121.931554&amp;sspn=0.008225,0.019569&amp;vpsrc=0&amp;ie=UTF8&amp;hq=&amp;hnear=47657+Lakeview+Blvd,+Fremont,+California+94538&amp;z=14&amp;ll=37.472223,-121.931554&amp;output=embed"></iframe><br>
                <small>
                  <a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=47657+Lakeview+Blvd.+Fremont,+Ca.+94538&amp;sll=37.472223,-121.931554&amp;sspn=0.008225,0.019569&amp;vpsrc=0&amp;ie=UTF8&amp;hq=&amp;hnear=47657+Lakeview+Blvd,+Fremont,+California+94538&amp;z=14&amp;ll=37.472223,-121.931554" style="color:#0000FF;text-align:left">View Larger Map</a>
                </small>

            </div>

        </div>

Answer 1

我認為您需要根據瀏覽器窗口的大小來制作嵌入式Google地圖比例尺。

因此，請嘗試使用以下方法： <iframe width="50%" height="50%"...

Sitepoint具有良好的CSS參考： http ： //reference.sitepoint.com/css

Answer 2

我不知道您打算如何在這么小的空間中放置信息氣泡，因為氣泡本身大於您為<iframe>元素分配的大小。

無論如何，您想要做的就是將圖釘保持在正確的位置（查找q和sll參數），但是通過擺弄ll參數 （例如，緯度）將地圖本身的中心向左下方移動一點和經度）。

在這個演示中，我為您做了一些擺弄。 僅供參考，我推了您的ll +0,0083/+0,0035 。 因此，我們所說的是少量。

我也告訴你最微小的可能空間，在其中你能適應這兩個引腳和信息提示：你需要的繞方260px × 260px ，即使如此，它適合勉強，與對照重疊。 因此，您可能想給地圖留出更多的呼吸空間，或者考慮使用靜態地圖 。