2016-12-20 37 views
-1

我在我的網站上有很多地圖,直到最近我向我的網站添加了一個SSL證書,該網站已經開始產生錯誤,並且地圖已停止加載句號。Google Maps API停留在加載生產錯誤

網站上的一個地圖完美地運行,這讓我相信這與API無關,實際上它與代碼有關。

function gd_initialize_ac() { 
     // Create the autocomplete object, restricting the search 
     // to geographical location types. 
         autocomplete = new google.maps.places.Autocomplete(
          /** @type {HTMLInputElement} */(document.getElementById('detail_page_map_canvas_fromAddress')), 
          {types: ['geocode']}); 
         // When the user selects an address from the dropdown, 
         // populate the address fields in the form. 
         google.maps.event.addListener(autocomplete, 'place_changed', function() { 
          gd_fillInAddress_ac(); 
         }); 
        } 

        function gd_fillInAddress_ac() { 
         //submit the form 
         jQuery('#directions').trigger('click'); 
        } 

這是在Google Chrome瀏覽器中產生的錯誤。

This is the error that is being produced in the inspect on Google Chrome.

然後這是鏈接到正在生成的錯誤代碼。請記住裸露,有一個HTTPS上現在這個網站,我不知道這有相關性,但..

我到目前爲止已經嘗試:

  • 重命名所有的HTTP://to https://(無希望)
  • 在JavaScript API的API尾部添加&庫。 (我在另一個答案中看到了這個)

這裏是從哪裏獲取Google Maps API密鑰。

function rgmk_find_add_key($url, $original_url, $_context) { 
$key = get_option('rgmk_google_map_api_key'); 

// If no key added no point in checking 
if (! $key) { 
    return $url; 
} 

if (strstr($url, "maps.google.com/maps/api/js") !== false || strstr($url, "maps.googleapis.com/maps/api/js") !== false) {// it's a Google maps url 

    if (strstr($url, "key=") === false) {// it needs a key 
     $url = add_query_arg('key',$key,$url); 
     $url = str_replace("&", "&", $url); // or $url = $original_url 
    } 

} 

return $url; } 
+1

請問您可以發佈加載Google API的'script'標記。我懷疑你沒有加載'Autocomplete' lib –

+0

這是通過一個Wordpress插件完成的,你想讓我發佈插件的腳本標籤和所有的內部? – ConnorM

+1

查看網頁的來源,找到腳本。然後,在這裏發佈。你也可以發佈插件的PHP源代碼。 –

回答

0

原來,這與jQuery過期有關。

如果其他人有這個問題嘗試更新jQuery,它應該工作得很好!