2014-01-29 33 views
-1

我對Google Map嵌入有問題。谷歌地圖嵌入 - 2個目標/ 2個引腳只能看到一個

我希望它有2個引腳(下圖),它顯示了一個針:

http://i.stack.imgur.com/7xMVP.png

http://i.stack.imgur.com/1sjBM.png

這就是我與它:

HTML

<iframe id="maps" scrolling="yes" src="https://www.google.ca/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=http:%2F%2Fmapsengine.google.com%2Fmap%2Fu%2F0%2Fkml%3Fmid%3DznCNeZskEW3Y.kS90qBvIE6qE%26amp%3Blid%3DznCNeZskEW3Y.kiLNrr6FIbEE&amp;aq=&amp;sll=51.022835,-114.12811&amp;sspn=0.070293,0.154324&amp;t=m&amp;ie=UTF8&amp;ll=51.022826,-114.128036&amp;spn=0.051829,0.109863&amp;z=13&amp;output=embed"> 
</iframe> 

和Javascript:

w = window.innerWidth; 
    h = window.innerHeight; 
    $('#maps').css('height', h - 100); 
    $('#maps').css('width', w - 100); 
    $('#maps').css('margin-left', 50); 

回答

0
+0

我改變了它和這裏的結果: http://i.stack.imgur.com/KtB1B.png –

+0

這是一個零大小的div問題。什麼決定了它顯示的div的大小? – geocodezip

+0

非常感謝@geocodezip。由於您的鏈接 - 我想嵌入整個谷歌地圖頁面,並確定使用Javascript的寬度和高度 –

0

您好ë我一直在找出實現它的方法。

<object id="maps" type="text/html" data="https://www.google.ca/maps?f=q&source=s_q&hl=en&geocode=&q=http:%2F%2Fmapsengine.google.com%2Fmap%2Fu%2F0%2Fkml%3Fmid%3DznCNeZskEW3Y.kS90qBvIE6qE%26amp%3Blid%3DznCNeZskEW3Y.kiLNrr6FIbEE&aq=&sll=51.022835,-114.12811&sspn=0.070293,0.154324&t=m&ie=UTF8&ll=51.022826,-114.128036&spn=0.051829,0.109863&z=13&output=embed"> 

我使用object標籤來顯示整個頁面,並使用Javascript來修復地圖的高度和寬度。

w = window.innerWidth; 
    h = window.innerHeight; 
    $('#maps').css('height', h - 100); 
    $('#maps').css('width', w - 100); 
    $('#maps').css('margin-left', 50); 
相關問題