2013-03-06 4 views
0

Я не могу видеть диалоговое окно на картах google .... Я скорректировал ширину и высоту карт, но не работал ... Есть ли какой-то другой способ. .. обеспечения моего кода ниже ....Диалог не отображается на картах 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:[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

Какой диалог? Вы имеете в виду подпорку, когда вы нажимаете на маркер? И вы имеете в виду, что это не так, или вы можете видеть его часть, но она не подходит полностью? – Rafe

+0

Да, я говорю о информационном окне – user2136828

+0

@ user2136828 Я неправильно понял ваш вопрос в своем ответе? – Sunyatasattva

ответ

0

Я думаю, что вам нужно сделать встроенный масштаб карты Google в зависимости от размера окна браузера.

Так попробуйте это: <iframe width="50%" height="50%"...

Sitepoint имеет хорошую ссылку CSS: http://reference.sitepoint.com/css

+0

http://jsfiddle.net/rajkumart08/KNPZB/5/embedded/result/ я обновляю свою скрипку, но ее не работает – user2136828

0

Я не знаю, как вы планируете, чтобы соответствовать информации пузырь в таком крошечном пространстве, так как сам пузырь больше вашего выделенного размера для элемента .

В любом случае, что вы хотите сделать, это держать палец в правильном положении (смотрите для параметра q и sll), но смещать центр самой карты немного вниз и влево при помощи махинаций с ll параметр (т.е. широта и долгота).

Я немного поработал для вас в this demo. Только для справки, я нажал ll около +0,0083/+0,0035. Поэтому мы говорим о небольших количествах.

Я также покажу вам малейшее возможное пространство, в котором вы можете соответствовать как булавку и всплывающей подсказка: вам нужен квадрат вокруг 260px × 260px, и даже тогда он подходит едва, перекрывающемуся с контролем. Таким образом, вы можете захотеть немного передохнуть на карте или, возможно, подумать об использовании static map.

Смежные вопросы