Google지도가 정확하게 div를 채우지 못합니다.

Question

사용자 위치를 얻고 그 위치를 중심으로 한 다음지도의 고정 된 위치에 길 찾기를 제공해야하는 Google지도가 있습니다.

문제는지도가 전체 div을 채우고 있지 않으며 올바른 위치로 센터링하거나 확대하는 것이 아니라 사용자 위치를로드하고 길 찾기를 제공하는 것입니다. jsFiddle에서 재 작성하면 제대로 작동하지만 내 사이트에 포함될 때 설명 된 문제가 발생합니다.

jsFiddle : 내 사이트에 포함 할 때 보이는 방법 http://jsfiddle.net/wXnjt/1/

.

이 문제의 원인은 무엇입니까? (내 코드가 피들에 가지 않고 여기에 게시되기를 원한다면 알려주십시오.)

EDIT : 또한 dev 콘솔에 오류가 나타나지 않습니다. 나는 또한 preserveViewport: true을 사용해 보았지만 효과가 없었다.

Answer 1

Google지도 초기화가 제대로 작동하지 않는 경우 기능이 있어야합니다. 그런 다음 토글 한 후에 만지도를 초기화 할 수 있으며, 사용자가지도를 보지 않으려는 경우로드되지 않도록합니다.

function init_maps(){ 

    // google maps api goes here 

} 

var init = false; 

$('.contact_us').click(){ 

    if(!init){ 

     init_maps(); 
     init = true; 
    } 

    $('.contact_us').slideToggle(); 

}