私のウェブサイトのためにGoogleマップを埋め込む問題

-1

私は新しいウェブ開発者で、私のクライアント用のウェブサイトに埋め込まれたGoogleマップを取得しようとしています。私のマシンや他のマシンの.htmlファイルもテストすると完璧に動作しますが、godaddy.comから購入したホスティングサービスとドメインでWebサイトを実行すると、マップは機能しません。私のウェブサイトのためにGoogleマップを埋め込む問題

誰でも持っていますこれを修正する方法の考え。 Googleマップの埋め込みコードは、それが役立つ場合は下にあります。前もって感謝します。

<div id="googleMap"></div> 

<script src="http://maps.googleapis.com/maps/api/js"></script> 
<script> 
var myCenter = new google.maps.LatLng(40.289696, -111.720798); 

function initialize() { 
var mapProp = { 
center:myCenter, 
zoom:12, 
scrollwheel:false, 
draggable:false, 
mapTypeId:google.maps.MapTypeId.ROADMAP 
}; 

var map = new google.maps.Map(document.getElementById("googleMap"),mapProp); 

var marker = new google.maps.Marker({ 
position:myCenter, 
}); 

marker.setMap(map); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 
</script>

出典

2016-07-14 Kapetan

、これを試してみてください？ – Rohit

キーが必要になりました。 [GoogleジオコーダがMissingKeyMapErrorを1つのページにスローし、別のページにスローする可能性があります]（http://stackoverflow.com/questions/38269149/google-geocoder-throwing-missingkeymaperror-on-one-page-but-not-another/38270471# 38270471） – geocodezip

私はキーを置いていましたが、問題は初期化とロードのJS関数の不適切な設定でした。すべてのコメントありがとう。彼らは常に高く評価されています。 – Kapetan

コンソールですべてのエラー

<script 
src="http://maps.googleapis.com/maps/api/js"> 
</script> 

<script> 
    function initialize() { 
     var mapProp = { 
      center:new google.maps.LatLng(51.508742,-0.120850), 
      zoom:5, 
      mapTypeId:google.maps.MapTypeId.ROADMAP 
     }; 
     var map=new google.maps.Map(document.getElementById("googleMap"), mapProp); 
    } 
    google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
</head> 

<body> 
    <div id="googleMap" style="width:500px;height:380px;"></div> 

</body> 
</html>

出典

2016-07-14 04:50:27

私のウェブサイトのためにGoogleマップを埋め込む問題

答えて

関連する問題