人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

GoogleMapsAPIを使用する際にGoogleから読み込むスクリプトファイルが重たいため、
ページの初期表示では読み込まず、
ページ内でのユーザ操作(地図を表示ボタンのクリック)で読み込むようにしたいのですが、
document.writeでスクリプトタグを書き出す方法、
スクリプトタグを組立ててappendChildする方法、
どちらでも正常に動きません。

最初のスクリプトタグがページに追加された瞬間に、
ページ全体が画面遷移時のような表示(白画面)になり、
以降の表示・操作が不可能になります。

イベントハンドラを用いず、
スクリプトタグを動的に書き出した場合には正常に動作します。

原因や対処方法が分かれば教えてください。

●質問者: FnuLnu
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:Google Write イベントハンドラ クリック スクリプト
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● lunlumo
●35ポイント

ドキュメント読み込み後のdocument.writeは新しいドキュメントを開いて指定された内容を書き込む動作となるためです。スクリプトタグをappendChildを使用して追加しても同様の結果となるのは,GoogleMapsAPI側でdocument.writeを使用しているからです。

◎質問者からの返答

ユーザ側で何かしら回避する方法はありますでしょうか?


2 ● lunlumo
●35ポイント

>ユーザ側で何かしら回避する方法はありますでしょうか?

難しいでしょうね。iframeを使えばそれらしく見せることは出来なくはないかと思いますが,対処法とは言えませんねぇ...。

◎質問者からの返答

main.jsだけで読込に一秒前後かかる事があるので、

どうにかしたいんですが無理ですかねぇ。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ