2016-09-11 13 views
0

gmap3は私のウェブサイトでは動作しません。なぜ、誰かがエラーを見つけるのを助けることができますか?gmap3は私のウェブサイトでは動作しません

「私は私の質問を公開するいくつかの単語を追加する必要があり、とても残念その行を読んでいない」ここに

は私のリンクです:ここでは

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

は私のコードです:

<!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

をロードする際のAPIキーを使用してライブラリをロードすることができますhttp://gmap3.net/configuration.html

を「Google Maps APIエラー:MissingKeyMapError」 – olibiaz

+0

あなたは正しいかもしれません。私はGoogle Map APIを入力します。私のコードをチェックするとどこに見つからないのですか? – coolio83000

+0

私はこのを置き換える必要があると思います/ javascript "src =" https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY®ion=FR ">とAPI – coolio83000

答えて

0

コンソールに表示されるように、あなたのapiキーがありません:

Google Maps API error: MissingKeyMapError

は、ドキュメントの設定ページFollwing:あなたはあなたのコンソールログを確認し、APIキー

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

や地図

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

はい私は

関連する問題