new google.maps.infoWindow()は当然undefinedである

2011/7/6 11:13

Google Maps API v3でハマった話。

マーカーをクリックしたら吹き出し(情報ウィンドウ)が表示されるという、ごくごく基本的なことをやろうとしたら、なぜか情報ウィンドウが表示されない。

// これは間違い
var infoWindow = new google.maps.infoWindow();

前後のコードがミスってるのかと思ったが、google.maps.infoWindow() が undefined と言われる。なぜ。

よくよく調べてみると、大文字と小文字の間違いだった。

// これが正しい
var infoWindow = new google.maps.InfoWindow();

google.maps オブジェクトに定義されているのは「infoWindow」ではなく「InfoWindow」。よく見ないと分からないかもしれないが、先頭の「I」が大文字でないといけない。

Google Maps API ではクラスの先頭は大文字という決まりを意識していればハマらなかったかも。しかしハマる時はこういう些細なところでハマるものだ。

Webエンジニアやってます。最近はドットインストールの開発がお仕事です。その傍ら、個人で Meity や電車遅延なう、梅酒.in、 #グラドル自画撮り部の部室といったネットサービスを開発・運営してます。梅酒と草野球とリアル脱出ゲームが好きです。