Google지도가 숨겨진 div에 회색으로 표시됩니다.

이 문제에 관해서는 많은 스레드를 읽었지만 문제는 해결되지 않습니다. 페이지가로드 될 때 처음에는 숨겨져 있고 도움이 필요하시면 탭에 Google지도가 있습니다. 전체 코드는 다음과 같습니다.Google지도가 숨겨진 div에 회색으로 표시됩니다.

<script type="text/javascript"> 
    function loadsinglemap(){ 
    var mymap = new MeOnTheMap({ 
    container: "map_sidebar2", 
    html: "<?php echo str_replace('"',"",$post->post_title); ?>", 
    address: "<?php echo str_replace('"','',get_post_meta($post->ID, "map_location", true)); ?>", 
    zoomLevel: 15, 

    });       
    } 

jQuery(document).ready(function() { loadsinglemap(); }) 

</script> 

This is on the page where the map is displayed: 

<script type="text/javascript"> 
$(document).ready(function(){ 
$('a.contact').click(function(){ 
google.maps.event.trigger(mymap, 'resize'); 
}); 
}); 
</script>

나는 그저 작동하지 않습니다. 누군가 응답하는 것을 도울 무언가를 본 경우에. 감사

편집 :는 클래스에 요소 선택기를 변경하고, 내 클래스 대신의 ID 링크와 지금 이상을 선택합니다. 나는 "mymap이 정의되지 않았다"는 방화범에 오류가 발생합니다.

출처

2012-11-21 binga30

귀하의 페이지에 대한 링크를 제공해주십시오. 그것은 모두에게 도움이 될 것입니다. – wf9a5m75

죄송합니다.이 사이트는 아직 개발 환경에 있으므로 일반인이 이용할 수 없습니다. 그것은 방금 jQuery (document) .ready (function() {loadsinglemap();})을 제거하고 이제는 onclick을 올바르게로드하기 때문에 resize 속성과 관련이 있습니다. 그러나 탭으로 바로 가면로드되지 않습니다. 또한 링크를 클릭하면 회색 이미지가 다시 나타납니다. – binga30

링크를 두 번 클릭하면지도가 표시되는 단계로 넘어갔습니다. 그러나 숨겨진 탭으로 돌아 가면 회색 모드로 시작됩니다. – binga30

div 세트를 숨기는 대신 높이/너비를 0px로 지정했습니다. 오버플로를 숨김으로 설정합니다.

은 내가 나를 위해 작동, 당신 :)

출처

2012-11-21 00:47:56 james

숨겨진 div는 표시/숨기기 위해 jquery를 사용중인 탭 컨테이너입니다. – binga30

-2

여기 https://groups.google.com/forum/#!topic/google-maps-js-api-v3/aUrVnx-i7LI을 Roosko의 답변을 확인하는 데 도움이 희망을 도왔!

모달이 정의 된 크기가되기 전에 맵이로드되기 때문에 크기를 0으로 렌더링합니다.

<a href="#?w=500" rel="popup2" class="poplight" onClick="initialize()"> 
    <img src='images/location1.png' title='Location' alt='images/location2.png' /> 
</a>

나는 팝업을 클릭 할 때 initilize() 함수를 호출했다.

출처

2014-01-22 16:39:56 ety

링크에서 가장 중요한 사항을 여기에 추가하십시오. 링크가 오래되어 더 이상 도움이되지 않습니다. – Szymon

div를 숨긴 후에 initilize() 함수를 다시 호출하십시오. 나는 그것을했고 그것이 효과가 있었다. JSFiddle

출처

2015-10-01 09:40:46

Google지도가 숨겨진 div에 회색으로 표시됩니다.

답변

관련 문제