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

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

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

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

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

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

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

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

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

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

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

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