2013-03-06 59 views
0

我無法看到谷歌地圖中的對話框.... 我調整了地圖的寬度和高度,但它不工作.... 有沒有其他的方法。 .. 提供下面我的代碼....對話框不顯示在谷歌地圖

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:[email protected] 
       </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> 
+0

什麼對話框?當你點擊標記時,你的意思是infowindow嗎?你的意思是它根本就沒有,或者你可以看到它的一部分,但它不完全適合? – Rafe 2013-03-06 20:05:42

+0

是的,我在說的是信息窗口 – user2136828 2013-03-06 20:56:38

+0

@ user2136828那麼我在答案中誤解了你的問題嗎? – Sunyatasattva 2013-03-10 00:35:20

回答

0

我想你需要根據瀏覽器窗口的大小,以使嵌入谷歌地圖的比例尺。

因此,嘗試使用此:<iframe width="50%" height="50%"...

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

+0

http://jsfiddle.net/rajkumart08/KNPZB/5/embedded/result/我更新din我的小提琴,但它不工作 – user2136828 2013-03-06 21:01:14

0

我不知道你是如何規劃,以適應信息泡沫這樣一個狹小的空間,因爲泡沫本身大於您爲元素分配的大小。

在任何情況下,你想要做的是保持在正確的位置(尋找qsll參數)的引腳,但左邊與擺弄移動地圖本身的中心位下降到什麼ll參數(即經度和緯度)。

我已經爲你撥弄了一下this demo。 僅供參考,我把你的ll僅限於+0,0083/+0,0035。所以我們說的是少量。

我也告訴你最微小的可能空間,在其中你能適應的信息提示:你需要周圍260px × 260px方形,而且當時它適合勉強,與對照重疊。所以你可能想給地圖多一點喘息空間,或者考慮使用static map