BinaryDevelop
  1. ホーム
  2. javascript

[解決済み] このページはGoogle Mapsを正しく読み込んでいません。技術的な詳細については、JavaScriptコンソールを参照してください。

2022-02-16 06:13:13

質問

おっと! 何かが間違っていた。このページはGoogle Mapsを正しく読み込んでいません。技術的な詳細については、JavaScriptコンソールを参照してください。

なぜかわからないけど... 

<!DOCTYPE html>
<html>
<head>
    <script src="http://maps.googleapis.com/maps/api/js">
    </script>

    <script>
        var myCenter = new google.maps.LatLng(30.023354, 31.477439);

        function initialize() {
            var mapProp = {
                center: myCenter,
                zoom: 15,
                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>
</head>

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

    
</body>
</html>

解決方法は？

Googleマップ用の特別なapiキーを生成する必要があります。

あなたの <script src="http://maps.googleapis.com/maps/api/js"> は次のようになります。 

  <script src="https://maps.googleapis.com/maps/api/js?key=your_key">></script

次のページへ https://console.developers.google.com をクリックすると、無料キーを取得できます。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します