キャッチされないタイプのエラーが

-1

は

index.htmlファイルのプロパティ「マップ」を読み取ることができませんされています：

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" href="style.css"> 

</head> 
<body> 
<div id="map-canvas"></div> 
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBKNPX_2z_JDWcyADlzzFk9JChR4TwhZLQ" 
    async defer></script> 
    </script> 
<script src="script.js"></script> 
</body> 




</html>

スクリプト.jsファイルは次のとおりです。

(function(window,google) 
{ 
//maps options 
var options={ 
    center: { 
    lat:"0", 
    lng:"0" 
}, 
zoom:0 
}, 
//maps 
element=document.getElementById('map-canvas'), 
map = new google.maps.Map(element,options); 
}(window,window.google));

CSSファイルは次のとおりです。

html { 
    height: 100%; 
} 
body { 
    height:100%; 
    padding: 0; 
    margin: 0; 
} 
#map-canvas { 
    height: 100%; 
}

出典

2017-06-07 Aaswin Sinha

エラーは、GoogleマップJavascript API v3が依存するコードを実行しようとしているときにロードされていないことを示しています。

"async defer"を使用してGoogleマップJavascript API v3をロードしていますが、スクリプトをインラインでロードする場合は、両方を延期するか、両方をロードする必要があります。

出典

2017-06-07 09:36:44 geocodezip

async deferを削除しても地図が表示されない –

'＆callback ='を削除し、onload関数を追加して 'initMap'関数を実行する必要があります。 – geocodezip

キャッチされないタイプのエラーが

答えて

関連する問題