// 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.160330017463646,127.8118622303009), 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.162028, lng:127.812152, icon:icon2, title:'カフェくるくま', text01:'コテージ風の店内に流れるアジアンヒーリン', entryid:'50', text02:'a008)知念グスクb008)食べる'},




{ id:1, lat:26.147817, lng:127.804663, icon:icon3, title:'志喜屋やすらぎパーク', text01:'海水浴もできます。手ぶらで来て、手ぶらで', entryid:'106', text02:'a008)知念グスクc008)宿泊'},




{ id:2, lat:26.1661678, lng:127.8112343, icon:icon4, title:'木創舎', text01:'木工作家城間光雄のギャラリーです。展示し', entryid:'108', text02:'a008)知念グスクd008)買い物'},




{ id:3, lat:26.1647292, lng:127.8183143, icon:icon2, title:'芝居茶屋にらい・かない劇場', text01:'「風とうたい　雲とおどり　海に恋し　月と', entryid:'212', text02:'a008)知念グスクb008)食べる'},




{ id:4, lat:26.1702262, lng:127.821872, icon:icon1, title:'ニライ橋・カナイ橋', text01:'ロケーション抜群！ 海の大パノラマを満喫', entryid:'1024', text02:'a008)知念グスク'},




{ id:5, lat:26.164902, lng:127.819509, icon:icon2, title:'しゃんぐりら café 森のテラス', text01:'「しゃんぐりら」と名付けられた約3000', entryid:'4822', text02:'a008)知念グスクb008)食べる'},




{ id:6, lat:26.134967, lng:127.783238, icon:icon4, title:'さちばるまやー', text01:'玉城の海辺に立つ小さな雑貨屋さん。店内に', entryid:'4825', text02:'a008)知念グスクd008)買い物'},




{ id:7, lat:26.160330017463646, lng:127.8118622303009, icon:icon1, title:'知念グスク', text01:'<p>沖縄最古の歌謡集・おもろさうしにも', entryid:'11', text02:'a008)知念グスク'}

];

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);
}