2

事前に定義され保護されているページに Google マップを追加しようとしているため、本文セクションにしかコードを追加できません。ページの下部にスクリプトを配置し、Google のチュートリアルの非同期読み込み用のコードを使用しましたが、悲しいことに div は空のままです。API がロードされていないと思われますが、それを確認する方法がわかりません。アイデアはありますか？

ありがとう！

<div id="map_canvas" style="width: 650px; height: 350px;">
</div>


<script type="text/javascript">
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
}

function loadScript() {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyDOtp_8dtVzG4kEJEzLw7E5bC187DagTRg&sensor=FALSE&callback=initialize";
}

window.onload = function(){loadScript();};

</script>
4

2 に答える 2

3

1 . script-要素をドキュメントに挿入する必要があります。そうしないと、スクリプトが実行されません。

関数 loadScript() {
  var script = document.createElement("スクリプト");
  script.type = "text/javascript";
  script.src = "http://maps.googleapis.com/maps/api/js?sensor= false &callback=initialize";
  document.body.appendChild(スクリプト); 
}

2 .センサーパラメータ (trueまたはfalse) は小文字でなければなりません

于 2013-02-25T03:29:13.060 に答える
0

Dr.Molleの修正について考えてみると、</body>とにかく近くでスクリプトを書いていたので、関数を介してスクリプトをロードする必要がないことに気づきました。関数loadScriptを削除し、スクリプトを入力するだけで出来上がり、成功しました。

于 2013-02-25T12:14:28.213 に答える