var map;

function startUp() {
    map= new GMap2( document.getElementById("map") );
    map.addControl(new GLargeMapControl());         // 移動/縮尺ボタンとスライダーの表示
    map.addControl(new GMapTypeControl());          // 地図モードと衛星写真モードの切り替えボタンを表示
    map.addControl(new GScaleControl());            // 縮尺を表す画像を追加

    //中心の座標と拡大レベルをJSONファイルから取得
    GDownloadUrl("./json/center.json",function(data) {
        var obj = data.parseJSON();
        //スタートに表示される地図の中心の座標指定と拡大レベル
        map.setCenter(new GLatLng(obj.lat, obj.lng), obj.zoom);
    });

    // 位置情報等をJSONファイルから取得し表示
    GDownloadUrl("./json/data.json",function(data) {
        var obj = data.parseJSON();

        for (var i=0; i<obj.data.length; i++) {
            addMarker(new GLatLng(obj.data[i].lat, obj.data[i].lng), obj.data[i].html, obj.data[i].type);
        }
    });
}

if (GBrowserIsCompatible()){
    onload = startUp;
    onunload = GUnload;
}//対応環境ならonloadに設定


// 情報ウィンドウを持つマーカーを生成する。
function addMarker(latlng, html, type) {

    var icon_file = "../img/"+type+".png";

    var icon = new GIcon(G_DEFAULT_ICON, icon_file);
    var marker = new GMarker(latlng, icon);

    map.addOverlay(marker);

    // クリックされたら情報ウィンドウを表示する。
    GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
}