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: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>
4

2 回答 2

0

我认为您需要根据浏览器窗口的大小制作嵌入式谷歌地图比例。

所以尝试使用这个：<iframe width="50%" height="50%"...

Sitepoint 有一个很好的 CSS 参考：http ://reference.sitepoint.com/css

于 2013-03-06T19:30:59.570 回答
0

我不知道您打算如何将信息气泡放在这么小的空间中，因为气泡本身大于您为<iframe>元素分配的大小。

在任何情况下，您要做的是将大头针保持在正确的位置（查找qandsll参数），但通过摆弄ll参数（即纬度和经度）将地图本身的中心向下和向左移动一点.

我在里面为你摆弄了一下this demo。仅供参考，我推你ll的只是+0,0083/+0,0035。所以我们说的是少量。

我还向您展示了可以同时放置图钉和信息气泡的最小空间：您需要一个正方形 around 260px × 260px，即使这样它也几乎不适合，与控件重叠。所以你可能想给你的地图更多的喘息空间，或者考虑使用静态地图。

于 2013-03-06T22:09:02.883 回答