0

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

2 に答える 2

0

バブル自体が要素に割り当てられたサイズよりも大きいため、このような小さなスペースに情報バブルをどのように収めるのかわかりません<iframe>。

いずれにせよ、あなたがしたいのはピンを正しい位置に保つことです（qそしてパラメータを探してください）が、パラメータ（すなわち緯度と経度）sllをいじることによって地図自体の中心を少し下と左に動かします。ll

私はあなたのために少しいじりましたthis demo。参考までに、私はあなたllの周りをプッシュしまし+0,0083/+0,0035た。ですから、私たちは少量について話しているのです。

また、ピンと情報バブルの両方を収めることができる可能な限り小さなスペースを示します。周囲の正方形が必要ですが、それでも、コントロールと重なって、かろうじて収まります。したがって、マップにもう少し呼吸スペースを与えるか、静的マップの使用を検討することをお勧めします。260px × 260px

于 2013-03-06T22:09:02.883 に答える
0

ブラウザ ウィンドウのサイズに合わせて、埋め込まれた Google マップの縮尺を変更する必要があると思います。

だからこれを使ってみてください：<iframe width="50%" height="50%"...

Sitepoint には優れた CSS リファレンスがあります: http://reference.sitepoint.com/css

于 2013-03-06T19:30:59.570 に答える