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); });
}
/*
	json用メモ
	
	契約用サーフショップ html
	<div style='width:350px; font-size:12px;'><table><tr><td><a href=tetuura_p.html><img src=../../../photo/shop/chiba/test/shop.jpg /></a></td><td><a href=index.html style='margin-left:10px;font-size:14px;'>KAIJYOSAIKYO OFFICE</a><br /><a href=index.html style='margin-left:10px;font-size:12px;'>海上最強オフィス</a><p style='margin:5px 0px 0px 10px;'>アットホームなお店です。ただいま、ウエットオーダーフェアを実施中！！</p><p style='margin:15px 0px 0px 150px;'><a href=index.html'>詳細を見る</a></p></td></tr></table></div>
	
	{
"lat"  :	35.732021,
"lng"  :	139.716225,
"html" :	"<div style='width:350px; font-size:12px;'><table><tr><td><a href=index.html><img src=../../../photo/shop/chiba/test/shop.jpg /></a></td><td><a href=index.html style='margin-left:10px;font-size:14px;'>KAIJYOSAIKYO OFFICE</a><br /><a href=index.html style='margin-left:10px;font-size:12px;'>海上最強オフィス</a><p style='margin:5px 0px 0px 10px;'>アットホームなお店です。ただいま、ウエットオーダーフェアを実施中！！</p><p style='margin:15px 0px 0px 150px;'><a href=index.html'>詳細を見る</a></p></td></tr></table></div>",
"type" :	"orange"
}←←最後のときは、カンマをつけない
	
	
	掲載のみサーフショップ html
	<p style='font-size:14px;'>KAIJYOSAIKYO OFFICE</p><p style='font-size:12px;>海上最強オフィス</p><p>740-0018　山口県岩国市麻里布町5-2-2-101</p><p>0827-21-5790</p>
	
	{
"lat"  :	34.0965,
"lng"  :	131.3934,
"html" :	"<p style='font-size:14px;'>アクティブスポーツ</p><p>〒754-0002 山口県山口市小郡下郷2254-3</p><p>TEL 083-973-1838</p>",
"type" :	"gray"
},←←追加するときは、カンマを忘れずに
	
	
	*/