@Konboi memo

主に技術に関してつらつらと。

Google Map API V3 使ってみた

Goolge Map API V3

V2と何か変わったのかなとV2のドキュメント見比べてみてたら、結構違っててびびった。 別物ですかね。

かいたもの

map上に定期的にピンを置いて、ピンから吹き出しを出した。

map を描画する

   //マップを描画する
    var map = new google.maps.Map(document.getElementById("map_canvas"),
                                  myOptions);


   //ピンを描画する
    var mapInterval = setInterval(function(){
        // add marker
        marker.push( new google.maps.Marker({
            position : pins[i].map,
            map : map,
            titile : pins[i].title
        }));

   //吹き出しを描画する
    balloon.push( new google.maps.InfoWindow({
        content : balloonContent
    }));
    }, 2000 );

だいたいこんな感じ。 最近全然js書いてないから書いてて変な感じ。

さいごに

作ったものを jsdo.it にあげてみた。