Google ジオコーディング API の使用方法を学ぼうとしていますが、最も単純な例でさえマップを作成できないようです。Google で別のチュートリアルを検索しましたが、すべて問題ないようです。
明らかに、私は何かが欠けているに違いありません。これが私がこれまでに持っているものです:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=thisstuffisprivate&sensor=false">
</script>
<script>
var map;
var mapOptions;
function initialize() {
try {
document.write("Initialize entered");
mapOptions = {
center: new google.maps.LatLng(-34.397, 150.644),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
document.write("<br>Map options created");
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
document.write("<br>Initialize exited");
} catch (err) {
document.write("<br>Error: " + err.message);
}
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:500px;height:300px;">
</div>
</body>
</html>
これにより、空白のページが生成されます。コンピューターでこのコードを使用し、Firefox で結果を確認していることに注意してください。これはまだ外部サーバーでホストされていません。
私が犯した間違いを理解するのを手伝ってくれる人はいますか? これにより、この API の使用方法を学習し続けることができます。
どうもありがとう !
編集: - 最初と最後に書き込みを追加する小さなテストを行いましたが、initialize()
(マップの作成後) 最後の行に達していないように見えるので、どこかで失敗しているに違いありません。それを調べてみます。
幅と高さを考慮するように変更されました。レフティウムのおかげです。
さらにテストした後、マップ作成ステップで失敗したようです。
このコードは、IE、Firefox、Chrome のいずれのコンピューターでも機能しませんが、他のユーザーでは機能するようです。Windows 8 と、すべてのブラウザーの比較的最近のバージョンを使用しています。Javascript が有効になっており、Windows Defender をオフにしようとしました (念のため..)。まだ空白のページだけです。
API キーも使用しましたが、それでも空白のページが生成されます。
上記の更新されたコードに対して次の出力が得られます。
Initialize entered
Map options created
Error: a is null
- また、Windows 7 ラップトップで空白のページが生成されるため、Windows 8 との互換性の問題ではありません。