[メモ]googlemapsAPI V3

ひさびさgooglemapsAPI使った。注意点メモ。
●複数マーカー表示してクリックしたら吹き出しだすようにする
　　-一つのマーカーからしか吹き出し出なくてハマることが多い。
●常に一つの吹き出ししか出さないようにする
　　-他のマーカークリックしたら前の吹き出し消えるようにしないとうざい。
　　-V3からはいくつでも出せちゃうから消す制御が必要。


↓↓できたやつ一部抜粋。

var currentInfoWindow;

function setMap(lat,lng){
  latLng = new google.maps.LatLng(lat,lng);
  options = { 
    zoom: 15,
    center: latLng, 
    disableDefaultUI: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
  };
  map = new google.maps.Map(document.getElementById("map_canvas"), options);
  getJson(json);
}


function getJson(json){
  for(i=0;i<json.length;i++){
    /**
       jsonからいろいろ取得
　　lat,lng,nameとか
    **/

    latLng = new google.maps.LatLng(lat,lng);
    marker = new google.maps.Marker({
      position: latLng,
      map: map,
    });
    addMarker(marker,name);
  }
}

function addMarker(marker,name){
  google.maps.event.addListener(marker, 'click', function(event) {

    if(currentInfoWindow){
      currentInfoWindow.close();
    }

    infowindow = new google.maps.InfoWindow({
      content:name
    });
    infowindow.open(marker.getMap(), marker);
    currentInfoWindow = infowindow;
  });
}

参考：
・http://www.nanchatte.com/map/showDifferentInfoWindowOnEachMarker.html
・http://mspec.jp/blog/archives/55