﻿    var map;
    var marker_list=[];
    var txt_list=[];

    function load() {
      if (GBrowserIsCompatible()) {
        //地図を作成
        map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(35.691213, 139.733004), 16);
		
		//マップコントローラを付ける
		map.addControl(new GLargeMapControl());
        
        //各マーカを作成
        var txt="<div style='width:200px;height:40px;'><h3><a href='#point1'>ポイント1</a></h3></div>";
        txt_list.push(txt);
        addMarker(new GLatLng(35.691445,139.735702),txt);
        
        txt="<div style='width:200px;height:40px;'><h3><a href='#point2'>ポイント2</a></h3></div>";
        txt_list.push(txt);
        addMarker(new GLatLng(35.691697,139.734573),txt);
		
		
        txt="<div style='width:200px;height:40px;'><h3><a href='#point3'>シナジーマーケティング 東京支社</a></h3></div>";
        txt_list.push(txt);
        addMarker(new GLatLng(35.691213,139.733004),txt);
		
      }
    }
    function addMarker(latlng,txt){
        //マーカーを作成
        var marker = new GMarker(latlng);
        
        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(txt);
        });
        
        //マーカーのコンストラクタを配列に記憶
        marker_list.push(marker);
        
        //マーカーを地図上に配置
        map.addOverlay(marker);
		
		//マーカーに擬似的にクリックされたイベントを発生させる
GEvent.trigger(marker,"click");
    }
    
    function clickMarker(index){
        //吹き出しを表示する
        marker_list[index].openInfoWindowHtml(txt_list[index]);
    }
	

    window.onload=load;
    window.onunload=GUnload;
