WordPress에 Google지도 API로드

Question

Google지도를 게시물에로드하려고합니다. 헤더에서

내가로드 :

<script type="text/javascript" src="http://dev.ateo.dk/wp-content/themes/ateo/js/parking.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> 
    <script src="//maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script> 

포스트에서 워드 프레스에 난로드 : http://dev.ateo.dk/wp-content/themes/ateo/js/parking.js는

지도는 표시되지 않습니다

<div id="map_div"></div> 

당신은 여기의 .js 볼 수 있습니다 전혀, 그래서 나는 너희들이 이것으로 나를 도울 수 있기를 바라고있다.

Answer 1

@Anto Jurković가 의견에 언급 한대로 결국 parking.js을 포함시켜야합니다.

jquery와 Google지도가 나중에로드되어 있기 때문에지도와 다른 객체가 아직 존재하지 않는 경우 초기화해야합니다. 지도 자바 스크립트를로드 할 때 API 키를 제공하지 않으므로 Google에서지도를 제공하지 않습니다.

는 그래서이어야합니다

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> 
<script src="//maps.google.com/maps/api/js?key=YOUR_API_KEY&sensor=true" type="text/javascript"></script> 
<script type="text/javascript" src="http://dev.ateo.dk/wp-content/themes/ateo/js/parking.js"></script> 

How you can get the API key 공식 Google지도 V3 문서에 설명되어 있습니다.

TL

, DR : 당신이 구글 개발자 콘솔 근무 위의

Answer 2

없음으로 얻을 수 있습니다. 스크립트가로드 될 때 중요하지 않으며 스크립트는 또한 알아 낸 WordPress의 functions.php를 사용하여로드해야합니다.

div에는 크기 속성이 있어야하며 이로 인해지도가 표시됩니다.