Javascript Ajax Wordpress和谷歌地图

我正在为我的Wordpress站点使用一个ajax插件（Ajaxify Wordpress站点），我已经设法让Google maps正常工作，但是我得到了一个错误：“您在这个页面上多次包含Google maps API”

我已将Google Maps脚本放入我的函数文件中，并在我的js文件中包含以下代码：

var map;
function initialize() {
    var mapOptions = {
        zoom: 8,
        center: new google.maps.LatLng(-34.397, 150.644)
    };
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
} 
google.maps.event.addDomListener(window, 'load', initialize);

为了让Ajax插件重新加载Google Maps脚本，我将以下代码添加到插件js中，我认为问题在于：

scriptNode = document.createElement('script');
contentNode.appendChild(scriptNode);
scriptNode.setAttribute('src', 'https://maps.googleapis.com/maps/api/js?key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' +
    '&signed_in=true&callback=initialize');
scriptNode = document.createElement('script');

---

有什么想法吗

最后，我选择了一个变体：

---

我希望你不只是在那里发布你自己的google api密钥……这不管用吗：

如果（！google）{scriptNode=document.createElement（'script'）；/…}

？？你可以尝试getJSON（）jQuery函数，类似于这个问题：或者这个：

$.getScript（MyGMap.GMapScriptURL+CurrentKey+“&callback=MyGMap.initializemap”），问题回答LOL。抓到狼了@benmandv，最好得到一个新的API密钥，因为它仍在编辑历史记录中
function appendBootstrap() {
if (typeof google === 'object' && typeof google.maps === 'object') {
    handleApiReady();
} else {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=handleApiReady";
    document.body.appendChild(script);
}
}

function handleApiReady() {
var myLatlng = new google.maps.LatLng(39.51728, 34.765211);
var myOptions = {
  zoom: 6,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
 }