[google map]マーカーを追加する

新卒者の会社説明会の際に、本社が秋葉原に近くて、近辺のお店も紹介しようとgoogle mapにマーカーをつけました。

で、せっかくその時にマーカーのつけ方を覚えたので、ブログに残したいと思います。

今日は、簡単なマーカーのつけ方

google maps apiより

var  map  =  new  GMap2(document.getElementById("map_canvas"));
map.setCenter(new  GLatLng(37.4419,  -122.1419),  13);  
//  地図のランダムな場所に10個のマーカーを追加します
var  bounds  =  map.getBounds();
var  southWest  =  bounds.getSouthWest();
var  northEast  =  bounds.getNorthEast();
var  lngSpan  =  northEast.lng()  -  southWest.lng();
var  latSpan  =  northEast.lat()  -  southWest.lat();
for  (var  i  =  0;  i  <  10;  i++)  {
    var  point  =  new  GLatLng(southWest.lat()  +  latSpan  *  Math.random(),
                southWest.lng()  +  lngSpan  *  Math.random());
  map.addOverlay(new  GMarker(point));
}

via:googleMapAPIマーカー

と書かれていたので、今回は、特定の場所に一つのマーカーを追加する方法を書きたいと思います。

実装例はこちら

<DIV  id="map_9"  style="width:350px;  height:350px;"></DIV> <SCRIPT  type="text/javascript">     var  map9  =  new  GMap2(document.getElementById("map_9"));     map9.setCenter(new  GLatLng(35.45492,  139.631445),  13);     var  point  =  new  GLatLng(35.45492,  139.631445);     map9.addOverlay(new  GMarker(point)); </SCRIPT>

実行結果はこちらになりました。