Google지도 캔버스에 아무 것도 표시되지 않습니다.

Google지도를 내 웹 사이트에 올려 놓으려고합니다. 지금이 순간, 당신은 버튼을 클릭하고 맵은 페이지의 중간에 나타납니다Google지도 캔버스에 아무 것도 표시되지 않습니다.

function showMap() { 
    $('mapAndButton').setStyle('display', 'block'); 

    var map; 
    var myOptions = { 
     zoom: 8, 
     center: new google.maps.LatLng(-34.397, 150.644), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById('map_canvas'), 
      myOptions); 
}

이 코드는 API에 대한 웹 페이지에서 제공하는 튜토리얼에서 복사됩니다. 어떤 이유로 든 작동하지 않습니다. 지도는 다음과 같이 렌더링 :

Gmap

빈 회색 상자가 아닌지도. 사실 상자가 나타납니다, 그리고 거기에 몇 가지 구글 물건이 바닥에, 적어도 뭔가가 작동하는 것을 의미합니다. 버튼을 여러 번 클릭하거나 오랜 시간 동안 기다리지 않아도 아무런 효과가 없습니다.

무슨 문제 일 수 있습니까?

출처

2011-08-22 Oliver

큰 회색 패치로 확대하고 있습니까? –

나는 그렇게 생각하지 않는다. 좌표는 다른 곳에서 사용될 때 물건을 표시합니다. – Oliver

이전 버전의 Google지도 API에 대한 이전 참조가 페이지의 다른 부분에 있었기 때문에이 오류가 발생했다고 생각합니다. 내가 이것을 제거했을 때, 최신 버전의 API 만로드되고 있었고,지도가 올바르게 렌더링되었습니다.

출처

2011-08-22 16:26:41 Oliver

function showMap() 이후에 열린 대괄호 {이 반드시 누락되었습니다.

showMap()이 실제로 호출되는지 여부를 더 확인할 수 있습니다. <body onload="showMap()">와 광고

<script type="text/javascript" 
     src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

여부가 제공되었다.

출처

2011-08-22 16:22:08 Jiri

누락 된 괄호가 원래 코드에 없으므로 stackOverflow에 복사 할 때 들어 왔음에 틀림 없습니다. – Oliver

Google지도 캔버스에 아무 것도 표시되지 않습니다.

답변

관련 문제