왜 구글지도가 동적지도 정적 및하지를 생성

Question

I이 Google지도를 표시하는 다음 코드를

<div class="col span_1_of_3 gMapHolder"> 
</div> 

JQuery와 :

대신 동적지도의

$(document).ready(function() { 
    alert($(".mapUse").text()); 
    var k = $(".mapUse").text(); 
    var embed = "<iframe width='425' height='350' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='https://maps.google.com/maps?&amp;q=" + encodeURIComponent(k) + "&amp;output=embed&iwloc'></iframe>"; 
    $(".gMapHolder").html(embed); 
}); 

여기서 내가 할 수있는 마우스로 움직이면 정적지도 만 표시됩니다. 나는 여기 같은 방법을 따르려고했다. Link to Dyamic Map

그러나 변수 대신 encodeURIComponent을 사용하고있다.

어떻게 변수를 추가하고

Answer 1

구글은 iframe 대응의 크기를 감지하고이 너무 작의 경우 정적 인 이미지를 보여줍니다 몇 가지 코드를 갖고있는 것 같아요 동적 맵을 표시 않습니다. 이 테스트에서 내가 한 모든 것은 500px의 높이였습니다. http://jsfiddle.net/33t9qjvr/

.span_1_of_3 { 
    width: 100%; 
    height: 500px; 
}