Google Maps API使ってみました

会社の仕事でGoogle Maps APIを使用できそうな案件が入ったので、遅ればせながらマッシュアップ初体験。とりあえず緯度・経度・店舗名・業種・サイトURLなどの店舗情報を記載したXMLを外部読み込みし、業種に応じたカスタムアイコンを表示し、そのアイコンをクリックすると、店舗情報が表示されるところまでできました。で、つまずいたところがあったのでメモ。

GMapオブジェクトへの参照をグローバル変数に格納したい場合、その変数は関数の外側で明示的に定義してやらないと、WIN IEでスクリプトエラーが発生する模様。関数内でvarキーワードを使用せずに、グローバル変数のつもりで使用すると、どうしてなのかは分からないけれど、マップの表示さえできないです。ともかくそういうことらしい。ふーん。

//グローバル変数mapは、
//関数の外側で明示的に定義しないとIEでエラーになる。

var map;

function init() {
  map = new GMap(document.getElementById("map"));
  map.centerAndZoom(new GPoint(139.71038, 35.728926), 2);
}