0

ボタンをクリックしたときにjsファイルをajaxに動的に含めたい。私が基本的にやりたいことは、ボタンをクリックしたときにマップをロードしたいということです。そのために、次の 2 つのファイルを使用しました。

<script type="text/javascript" src="http://maps.google.com/maps?..."></script>
<script type="text/javascript" src="jquery.gmap-1.1.0-min.js"></script>

今私が欲しいのは、ユーザーがボタンをクリックすると、この 2 つのファイルが読み込まれ、ページが更新されずにマップが表示されることです。

また、ユーザーがボタンをクリックし、この 2 つのスクリプトが読み込まれている場合、2 回目にクリックしてもスクリプトは再度読み込まれません。

この問題に関するヘルプは非常に高く評価されます。


お返事ありがとうございます。とにかく、$script と RequireJs を使用して実行しようとしましたが、マップを読み込めませんでした。

これが私が書いた私のコードです:

<script type="text/javascript" src="../js/jquery-1.7.js"></script>
<script src="../js/script.js"></script>
<script>
function googlemaps()
{
  $script('"http://maps.google.com/maps?file=api&..', 'maps', function() 
  {
      $script('../js/jquery.gmap-1.1.0-min.js', 'jquery', function() {
      $("#map").gMap({address: "USA", markers: [{address: "USA"}]});
      });
  });
}
</script>

<input name="Butoon" type="button" value="Button" onclick="javascript: googlemaps();" />

<div id="map"></div>

私が得たエラーは、「G_NORMAL_MAPが定義されていません」および「GMap2が定義されていません」でした(jquery.gmap-1.1.0-min.jsが http://maps.google.com/の前にロードされるため、エラーが発生しますmaps?file=api& .. ロード)。RequireJs の使用中に同じエラーが繰り返されています。どこが間違っているのか教えてください。

前もって感謝します。

4

1 に答える 1

3

代わりに、 $ criptやRequireJSなどのスクリプト/モジュール ローダーを確認する必要があります。基本的に、それらは同じことを行います。

于 2012-04-21T09:44:29.153 に答える