2016-09-11 5 views
0

gmap3 funktioniert nicht auf meiner Website und ich weiß nicht warum, kann mir jemand helfen, den Fehler zu finden?gmap3 funktioniert nicht auf meiner Website

"Ich brauche ein paar Worte hinzufügen, meine Frage zu veröffentlichen, so lesen nicht, dass die Linie sorry"

hier ist mein Link:

http://www.booclin.ovh/site/plan.html 

Hier ist mein Code:

<!DOCTYPE html> <html lang="fr"> 
<head> 
<!--[if lt IE 9]> <div style="background:#fff; font-size:1.2rem; line-height:1.8em; padding-top:300px;color:#282828; height:100%; width:100%; z-index:999999999999999; position:fixed; text-align:center;"> <div style='margin:0px 20px 0 20px; width:100%; max-width:600px; margin:0 auto; '>Vous utilisez une ancienne version d'Internet Explorer. Pour des raisons de sécurité, vous devez mettre à jour votre navigateur. S'il vous plaît aller dans "mises à jour de Windows" et installer la dernière version. Merci </div> </div> <![endif]--> 
<!--[if IE 8]> <html lang="en" class="lt-ie9">  <![endif]--> 
<!--[if gt IE 8]> <![endif]--> 
<head> <meta charset="UTF-8"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
<title> </title> 
<meta property="og:description" content=""> 
<meta name="keywords" content=""> 
<meta name="LANGUAGE" content="FR"> 
<meta name="SUBJECT" content=""> 
<meta name="ROBOTS" content="All"> 
<meta name="OWNER" content=""> 
<meta name="RATING" content=""> 
<meta name="COPYRIGHT" content=""> 
<meta name="expires" content="never"> 
<meta name="GOOGLEBOT" content="index"> 
<meta name="Slurp" content="index"> 
<meta name="MSNBot" content="index"> 
<meta name="ICBM" content=""> 
<meta name="Identifier-URL" content=""> 
<link property="stylesheet" rel="canonical" href=""/> 

<link property="stylesheet" type="image/x-icon" rel="shortcut icon" href=""/> 
<link property="stylesheet" type="image/x-icon" rel="icon"   href=""/> 
<link property="stylesheet"      rel="image_src"  href=""/> 
<meta property="og:image"           content=""/> 
<meta property="og:title" content="" /> 
<meta property="og:type" content="website" /> 
<meta property="og:url" content="" /> 
<meta property="og:description" content=""> 
<meta name="keywords" content=""> 

<link property="stylesheet" rel="stylesheet" type="text/css" href="index/css/style.css"> 
<link property="stylesheet" rel="stylesheet" type="text/css" href="index/font/font.css"/> 

</head> 




<body> 
<div class="left part"> 

<div style="border:80px solid #fff; width:500px;height:500px;" id="adresse" class="gmap3"> </div> 

</div> 





<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"> </script> 
<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"> </script> 
<script type="text/javascript" src="index/js/gmap3.js"> </script> 
<script type="text/javascript"> 
$(function(){ 
$('#adresse').gmap3({marker:{address: "Apple Store, Saint-Laurent-du-Var, France"}, 
map:{options:{zoom: 17} 
} 
}); 
}); 
</script> 
</body> 
</html> 
+0

Ihre Konsolenprotokolle prüfen Sie haben eine: 'Google Maps API-Fehler: MissingKeyMapError' – olibiaz

+0

vielleicht haben Sie Recht, ich geben Sie eine Google Map API, finde ich nicht, wo, wenn Sie meinen Code überprüfen? – coolio83000

+0

Ich denke, ich muss dieses durch diesen mit einer API – coolio83000

Antwort

0

Ihre api Schlüssel fehlt, wie Sie in der Konsole sehen:

Google Maps API error: MissingKeyMapError

Follwing die Konfigurationsseite der Dokumentation: http://gmap3.net/configuration.html

Sie die Bibliothek mit dem api Schlüssel laden

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&region=GB"></script> 

Oder den api-Schlüssel verwenden, wenn die Karte

Laden
$.gmap3({ 
    key: 'YOUR_API_KEY' 
}); 
+0

ja ich habe es mit

Verwandte Themen