// JavaScript Document
var map;
var marks;
var txt_list=[];
var marker_list=[];

function load() {
    if(GBrowserIsCompatible()){
        /* 地図インスタンス生成 */
        map=new GMap2(document.getElementById("map"));
        /* 中心地点 */
        map.setCenter(new GLatLng(26.2020004093972,127.75615811347961), 14);
		//マップコントローラを付ける
		map.addControl(new GSmallMapControl());
		
//オリジナルマーカーの画像を作成

//icon1 拝所
var icon1 = new GIcon();
icon1.image = "http://maps.google.co.jp/mapfiles/ms/icons/rangerstation.png";
icon1.shadow = "http://maps.google.co.jp/mapfiles/ms/icons/rangerstation.shadow.png";
icon1.iconSize=new GSize(32,32);
icon1.shadowSize=new GSize(59,32);
icon1.iconAnchor=new GPoint(16,32);
icon1.infoWindowAnchor=new GPoint(16,0);
//icon2　食べる
var icon2 = new GIcon();
icon2.image = "http://maps.google.co.jp/mapfiles/ms/icons/restaurant.png";
icon2.shadow = "http://maps.google.co.jp/mapfiles/ms/icons/restaurant.shadow.png";
icon2.iconSize=new GSize(32,32);
icon2.shadowSize=new GSize(59,32);
icon2.iconAnchor=new GPoint(16,32);
icon2.infoWindowAnchor=new GPoint(16,0);
//icon3　宿泊
var icon3 = new GIcon();
icon3.image = "http://maps.google.co.jp/mapfiles/ms/icons/lodging.png";
icon3.shadow = "http://maps.google.co.jp/mapfiles/ms/icons/lodging.shadow.png";
icon3.iconSize=new GSize(32,32);
icon3.shadowSize=new GSize(59,32);
icon3.iconAnchor=new GPoint(16,32);
icon3.infoWindowAnchor=new GPoint(16,0);
//icon4　買い物
var icon4 = new GIcon();
icon4.image = "http://maps.google.co.jp/mapfiles/ms/icons/shopping.png";
icon4.shadow = "http://maps.google.co.jp/mapfiles/ms/icons/shopping.shadow.png";
icon4.iconSize=new GSize(32,32);
icon4.shadowSize=new GSize(59,32);
icon4.iconAnchor=new GPoint(16,32);
icon4.infoWindowAnchor=new GPoint(16,0);
//icon5　体験
var icon5 = new GIcon();
icon5.image = "http://maps.google.co.jp/mapfiles/ms/icons/trail.png";
icon5.shadow = "http://maps.google.co.jp/mapfiles/ms/icons/trail.shadow.png";
icon5.iconSize=new GSize(32,32);
icon5.shadowSize=new GSize(59,32);
icon5.iconAnchor=new GPoint(16,32);
icon5.infoWindowAnchor=new GPoint(16,0);

//icon1 拝所
//icon2　食べる
//icon3　宿泊
//icon4　買い物
//icon5　体験

		/*マーカーを二次元配列でセット*/
marks = [



{ id:0, lat:26.1687216, lng:127.7401572, icon:icon4, title:'そうざい・居酒屋 凮月', text01:'ボリューム、低価格と３重マルのお弁当は1', entryid:'19', text02:'a003)親川d003)買い物'},




{ id:1, lat:26.1753932, lng:127.7504281, icon:icon4, title:'畑人市', text01:'地元の畑から採れた新鮮な島野菜やフルーツ', entryid:'21', text02:'a003)親川d003)買い物'},




{ id:2, lat:26.1683188, lng:127.7408571, icon:icon4, title:'農業生産法人 稲穂', text01:'稲穂はノニの栽培からノニジュースの製造、', entryid:'25', text02:'a003)親川d003)買い物'},




{ id:3, lat:26.1908361, lng:127.7450666, icon:icon2, title:'そば処　玉家', text01:'「こだわらないのがこだわり」の沖縄そば。', entryid:'100', text02:'a003)親川b003)食べる'},




{ id:4, lat:26.1762653, lng:127.7478755, icon:icon2, title:'まんぷく食堂', text01:'当店のお食事メニューは、全品手作りで県産', entryid:'102', text02:'a003)親川b003)食べる'},




{ id:5, lat:26.182135, lng:127.738008, icon:icon2, title:'居酒屋　かびら亭', text01:'おかげ様でかびら亭は九周年、お刺身、にぎ', entryid:'104', text02:'a003)親川b003)食べる'},




{ id:6, lat:26.1699993, lng:127.7420681, icon:icon1, title:'島添大里グスク', text01:'島添大里グスクは、東大里グスクとも称し、', entryid:'1020', text02:'a003)親川'},




{ id:7, lat:26.16753289688857, lng:127.73679256439209, icon:icon2, title:'そば処　南ぐしく', text01:'2009年4月4日にオープンして、まだま', entryid:'4798', text02:'a003)親川b003)食べる'},




{ id:8, lat:26.191526445018734, lng:127.75080442428589, icon:icon4, title:'アトリエ道子', text01:'沖縄風景画家　城間美智子のアトリエです。', entryid:'4803', text02:'a003)親川d003)買い物'},




{ id:9, lat:26.2020004093972, lng:127.75615811347961, icon:icon1, title:'親川', text01:'<p>聞得大君の御新下りのときに、霊力を', entryid:'5', text02:'a003)親川'}

];

function addMarker( mark ) {
	var marker = new GMarker( new GLatLng( mark.lat, mark.lng ),mark.icon );
GEvent.addListener( marker, 'click', function(){
												clickMarker(mark.id);
												});
//clickMarkerに引き渡す用
	marker_list[mark.id] = marker;
	map.addOverlay( marker );
};

	
for( var i = 0;  i <marks.length;  ++i ){
	        addMarker( marks[i] );
}


	}//load()
}
function clickMarker(index){
innertext = '<p><b>'+ marks[index].title +'</b></p><p>' + marks[index].text01 + '</p>';
innertext += '<p><a onclick="clickZoom(' +marks[index].id+ ');" href="javascript:void(0);" title="' +marks[index].id+ '">拡大</a></p>';
marker_list[index].openInfoWindowHtml(innertext);
}
function zoom(zzz){
	nowzoom = map.getZoom();
	changezoom = nowzoom + zzz;
	map.setZoom(changezoom);
	}
function clickZoom(index){
        map.setCenter(new GLatLng(marks[index].lat,marks[index].lng), 16);
}