グレーボックスを表示したAPIを追加してGoogleマップが機能しない

グーグルマップが表示されたり、何も表示されない場合があります。私はいくつかのリンクを検索し、その方法を試しましたが、どのような解決策ですか？ iは、ズームを変更しようとしましたが、それでもコンソールを働いていないことは、このリンクには何のエラーグレーボックスを表示したAPIを追加してGoogleマップが機能しない

<head>  
<script src="http://maps.google.com/maps?file=api&amp;v=3&amp;hl=en&amp;key=GOOGLE_GENERATED_API&amp;sensor=true"type="text/javascript"></script> 
    <script> 
    function myMap() { 
     var myCenter = new google.maps.LatLng(31.4856,74.3406); 
     var mapCanvas = document.getElementById("map"); 
     var mapOptions = {center: myCenter, zoom: 8}; 
     var map = new google.maps.Map(mapCanvas, mapOptions); 
     var marker = new google.maps.Marker({position:myCenter}); 
     marker.setMap(map); 

     var infowindow = new google.maps.InfoWindow({ 
     content: "Welcome to Ali Institute of Education" 
     }); 
     infowindow.open(map,marker); 
    } 
    </script> 



    </head> 

    <body onload="myMap()"> 

    <?php include '/layout/header.php';?> 

    <!-- Contact Us Content --> 
    <div class="container-fluid"> 



     <div id="map" style="width: 800px; height: 400px; overflow:visible;">&nbsp;</div> 
    </div> 
</body>

出典

2017-01-09 Muhammad Saad Bhatti

おそらく、あなたは最大毎日ロードマップの限界を超えました：https://developers.google.com/maps/documentation/static-maps/usage-limits?hl=es- 419またはちょうど –

@JordiFloresいいえ –

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&hl=en&key=GOOGLE_GENERATED_API&sensor=true" ></script> 

         <!--OR--> 

<script src="https://maps.google.com/maps/api/js?file=api&amp;v=3&amp;hl=en&amp;key=GOOGLE_GENERATED_API&amp;sensor=true"></script>

キーあなたGoogleのAPIを使用してテキストGOOGLE_GENERATED_APIを交換しないで示しています。

私の側で完璧を示しています。あなたのブラウザでどのエラーが表示されますか？あなたのマップAPI cdnが正しくありません。たぶんこのエラーが発生するGoogleは定義されていません。 google.maps.event.addDomListener（myMap）;この行を追加するか、bodyからonloadを削除して追加することができます。 google.maps.event.addDomListener（window、 'load'、myMap）;

追加機能マーカーにクリック機能が追加されました。コメントがあれば質問してください。

function myMap() { var myCenter = new google.maps.LatLng(31.4856,74.3406); var mapCanvas = document.getElementById("map"); var mapOptions = {center: myCenter, zoom: 8}; var map = new google.maps.Map(mapCanvas, mapOptions); var marker = new google.maps.Marker({position:myCenter}); marker.setMap(map); var infowindow = new google.maps.InfoWindow({ content: "Welcome to Ali Institute of Education" }); marker.addListener('click', function() { infowindow.open(map, marker); }); google.maps.event.addDomListener (myMap); //google.maps.event.addDomListener (window, 'load', myMap); // if you use the window load myMap You don't need onload function on body tag }

#map{ width: 800px; height: 400px; overflow:visible; }

<head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp"></script> </head> <body onload="myMap()"> <div class="container-fluid"> <div id="map"></div> </div> </head>

出典

2017-01-09 10:59:48

このエラーが発生しました：このページにGoogle Maps APIを複数回追加しました。予期しないエラーが発生する可能性があります。 common.js：48 Uncaught RangeError：最大呼び出しスタックサイズを超えました Google Maps API warning：NoApiKeys –

私はAPIキーのスクリプトを追加しました。私はなぜApiキーのエラーがないか分からない –

@MuhammadSaadBhattiどのエラー？ https://maps.googleapis.com/maps/api/js?v=3.exp&hl=en&key=API_KEY」 CDN APIをチェックすると、あなたの –

グレーボックスを表示したAPIを追加してGoogleマップが機能しない

答えて

関連する問題