Google지도 API v3을 WordPress 페이지에 통합

이 문제에 대한 많은 해결책을 찾았지만 나에게 도움이되지는 못했습니다. 플러그인을 사용하지 않고 삽입하지 않고 Google지도를 Wordpress 페이지에 통합하고 싶습니다.Google지도 API v3을 WordPress 페이지에 통합

<body onload="initialize()">

하지만 지금은 넣어하는 방법을 알고하지 않습니다 다음 또한 header.php 내가이 넣어 가지고

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=*********&sensor=true"> </script>

: header.php의 머리에서

나는이 부착 스크립트 :

function initialize() { 
     var mapOptions = { 
      center: new google.maps.LatLng(50.371, -4.136), 
      zoom: 12, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 

function loadScript() { 
     var script = document.createElement("script"); 
     script.type = "text/javascript"; 
     script.src = "https://maps.googleapis.com/maps/api/js?key=AIzaSyDo2uLLlKn3xuYolvd0VNzBujoZ952YywE&sensor=true&callback=initialize"; 
     document.body.appendChild(script); 
     } 
window.onload = loadScript;

아무도 해결책을 갖고 있다면 정말 고마워 할 것입니다.

출처

2013-08-04 user2627778

page.php 또는 페이지의 맞춤 템플릿 페이지를 사용하고 있습니까? –

사용자 정의 템플릿 페이지 – user2627778

을 사용하고 있으므로 해당 페이지에 스크립트를 넣을 수 있습니다. 그렇지 않으면 머리말 또는 꼬리말에 스크립트를 넣을 수도 있습니다 –

코드를 js 파일에 넣고 api 스크립트가 포함시킨 후에로드 할 수 있습니다. 조금 청소기 코드는 다음과 같습니다 당신이 전역을 소개하고 당신에게 코드를 캡슐화하지 않는 익명 함수를 호출이 자동으로

(function() { 
    function initMap() { 
     var mapOptions = { 
      center: new google.maps.LatLng(50.371, -4.136), 
      zoom: 12, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); 
    } 

    google.maps.event.addDomListener(window, 'load', initMap); 
}());

출처

2013-08-04 15:38:22

이 코드로 js 파일을 만드는 경우 어디에서 호출해야합니까? 사용자 정의 템플릿 페이지의 코드 편집기에서? 고마워요! – user2627778

사용자 지정 페이지가 좋게 들립니다. 당신은 header.php에 스크립트 include를 추가했다고 썼습니다. 이 사용자 정의 페이지에서 맵만 필요하면 사용자 정의 템플리트에만이 맵을 포함해야합니다. 그렇지 않으면 Google지도 API가 모든 페이지에로드됩니다. –

전체 스크립트 및 스크립트를 넣으려고했는데 사용자 지정 페이지의 텍스트 편집기에 포함되어 있지만 작동하지 않습니다. – user2627778

Google지도 API v3을 WordPress 페이지에 통합

답변

관련 문제