ボタンをクリックしたときに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 の使用中に同じエラーが繰り返されています。どこが間違っているのか教えてください。
前もって感謝します。