2016-12-20 43 views
-1

Ich habe viele Karten in meiner Website und erst vor kurzem, seit ich ein SSL-Zertifikat auf meiner Website hinzugefügt hat die Website begonnen, Fehler zu erzeugen und die Karte hat aufgehört zu laden.Google Maps API beim Laden Fehler beim Laden Fehler

Eine der Karten auf der Website funktioniert perfekt, was mich glauben macht, dass dies nichts mit der API zu tun hat und tatsächlich etwas mit dem Code zu tun hat.

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'); 
        } 

Dies ist der Fehler, der bei der Überprüfung von Google Chrome erzeugt wird.

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

Und dann ist dies der Code, der zu dem Fehler verknüpft ist, erzeugt wird. Bitte daran denkt, dass es eine https auf dieser Seite jetzt ist, ich weiß nicht, ob diese Bedeutung hat, aber ..

Was ich bisher versucht:

  • alle http Umbenennen:// zu https: // (keine Hoffnung)
  • Hinzufügen von & Libraries am Ende der API innerhalb der Javascript-API. (Ich sah dies auf einer anderen Antwort)

Hier ist, wo es den Google Maps API Key von bekommt.

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

Könnten Sie bitte das 'script'-Tag veröffentlichen, das Google API lädt. Ich vermute, dass du 'Autocomplete' nicht geladen hast lib –

+0

Es wird über ein Wordpress-Plugin gemacht, möchtest du, dass ich das Skript-Tag des Plugins und alle Innenseiten poste? – ConnorM

+1

Zeigen Sie die Quelle der Webseite an, suchen Sie das Skript. Dann poste es hier. Sie könnten auch die Plugin-PHP-Quelle veröffentlichen. –

Antwort

0

Es stellte sich heraus, dass es etwas damit zu tun hatte, dass die jQuery veraltet war.

Wenn jemand anderes dieses Problem hat, versuchen Sie, jQuery zu aktualisieren, und es sollte perfekt funktionieren!