>HTMLにGoogleマップを埋め込む際、正常に表示されない不具合の対処法2014/08/22仕事でコーポレートサイトなどを作成していると企業情報ページにGoogleマップを埋め込む機会が多いかと思います。HTMLとCSSだけで制作したサイトであればまず無いのですが、JS(JavaScript)を駆使したサイトを制作しているとGoogleマップが正常に表示されない不具合に遭遇する場合があります。私が遭遇した不具合は下記のようなものです。こんな感じで画面の左上だけにしか地図が表示されないという症状です。ちなみに全てのブラウザに症状が現れたわけではなく、トラブルメーカーとしてお馴染みのIEだけでした。解決方法の前に修正前のコードをご覧ください。height:400px;"></div>適当にbody要素の中に記述してもらえれば地図が表示されるかと思います(まだHTMLに埋め込んだことが無い人は是非試してみてください。LatLngの部分が緯度経度なので任意のものに変更すれば好きな場所を表示できます)。先ほども言ったようにこの記述では一部のサイトでは正常に表示されません。修正後のコードはこのようになります。'東京タワー'});clearInterval(t);},1000);});見難いのでHTMLタグは削除してJSコードだけにしました。新たに追加したのは2、18、19行目です。それなりにJSを書いたことのある人にはお馴染みのsetInterval関数を利用して1秒間(1000ミリ秒)時間を置いてからGoogleマップを表示しています。clearInterval関数で一度だけ処理するように設定します。Googleマップ側のプログラムの兼ね合いもあるので正確な原因は分かりませんが、JSをガリガリ書いたサイトだけで起こる現象なので、ページが構築完了していない状態でGoogleマップが生成され座標情報がめちゃくちゃになってしまうとかそんな感じでしょう。ソースを見直せばもっとスマートな解決方法があると思いますが、どんなケースでも有効な対策なので原因究明の時間が無いときはお試しください。今回のケースとは直接関係ありませんが、Googleマップをガッツリカスタマイズして独自コンテンツを作成したい場合は下記の書籍がお勧めです。コメントをキャンセルメールアドレスが公開されることはありません。関数に続き今回は条件分岐です。...BrowserStackというサービスが便利で凄い!という記事を書いた結果wwwWebデザインをするにあたり各環境でのブラウザの動作検証は欠かせないものです。炎上するも反省しない本当の理由メンタリストDaigoさん、炎上していますね。...主張がコロっと変わるインフルエンサーは本当に信用出来ないのか?最近『インフルエンサー』と呼ばれる人達が注目されています。本業Webエンジニアの副業アフィリエイター。ブログアフィリエイトを中心に行い、最高月収は55万円を達成。小川忠洋が代表を務める『ダイレクト出版』の評判と過去の失態を明らかに!本当に信用できるのかまとめてみました。