Googleマップが表示されない!? 完全にコーディング疲れがでてます。

2015年05月15日
follow us in feedly

今日も朝からコーディング三昧です。

制作開始をお待ちいただいているクライアント様もいらっしゃるので、一日で3サイトのコーディングを進めている状況です。

Googleマップが表示されない!?

そんな状況なので、サクサクと制作作業を進めていきたいのに、Google Maps APIを利用した地図が表示されない!?

「えーこんな所で時間取られる余裕なんてないぞ」と思いながら、jsファイルを見返してもおかしな所は見当たらない。

何でだーと思っていたら、サイドバーにGoogle Maps APIを利用した地図をすでに表示していたことを忘れてました。

google.maps.Mapクラスのインスタンス作成するときに、第一引数に指定する地図を表示する領域、これが原因でした。

この領域は、div要素のid属性を指定しますが、id名が被ってました。そりゃ表示されるわけがありません。

div要素ごとに異なるidをふって、別々のMapクラスのインスタンスを作成して、無事解決。

時間に追われて、余裕のない仕事をしているとダメですね。完全にコーディング疲れがでてます。

そうは言っても、まだ寝れない。

SAMURIDE ENERGY DRINK」を飲んで眠気を吹き飛ばせーーー!ということで、もうひと頑張りです。

samuride

follow us in feedly

関連記事

福岡でホームページ制作を依頼するなら【ハブワークス】

ホームページ制作・リニューアル・スマートフォンサイト制作・ECサイト制作は福岡のハブワークスまでお気軽にどうぞ。WEBサイト制作後の修正・更新・SEO対策もお任せください。リーズナブルな料金設定でサービスをご提供いたします。

webサイト制作・修正に関するお問合せ・ご相談・お見積りはお気軽にどうぞ