var map;
function startUp() {
      map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng( 35.011302, 135.791829 ), 15);

 var mk1 = new GIcon();
    mk1.image = "../icon/mark1.png";
    mk1.shadow = "http://www.google.com/mapfiles/shadow50.png";
    mk1.iconSize = new GSize(25, 37);
    mk1.shadowSize = new GSize(45, 36);
    mk1.iconAnchor = new GPoint(12, 38);
    mk1.infoWindowAnchor = new GPoint(30, 10);

    var mk2 = new GIcon(mk1, "../icon/mark2.png");
    var mk3 = new GIcon(mk1, "../icon/mark3.png");
	var mk4 = new GIcon(mk1, "../icon/mark4.png");
	var mk5 = new GIcon(mk1, "../icon/mark5.png");
	var mk6 = new GIcon(mk1, "../icon/mark6.png");
	var mk7 = new GIcon(mk1, "../icon/mark7.png");
	var mk8 = new GIcon(mk1, "../icon/mark8.png");
	var mk9 = new GIcon(mk1, "../icon/mark9.png");
	var mk10 = new GIcon(mk1, "../icon/mark10.png");
	var mk11 = new GIcon(mk1, "../icon/mark11.png");

    var opt1 = {icon:mk1};
    var opt2 = {icon:mk2};
    var opt3 = {icon:mk3};
	var opt4 = {icon:mk4};
	var opt5 = {icon:mk5};
	var opt6 = {icon:mk6};
	var opt7 = {icon:mk7};
	var opt8 = {icon:mk8};
	var opt9 = {icon:mk9};
	var opt10 = {icon:mk10};
	var opt11 = {icon:mk11};
	
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());

 var mark1 = new GMarker(new GLatLng( 35.011302, 135.791829 ), opt1);
map.addOverlay(mark1);
GEvent.addListener( mark1,"click", showInfo );
function showInfo() {
mark1.openInfoWindowHtml( '<a class="sentence4">南禅寺</a></br><p class="sentence1">京都市左京区南禅寺福地町</p>' );
}
var mark2 = new GMarker(new GLatLng( 35.006239, 135.783864 ), opt2);
map.addOverlay(mark2);
GEvent.addListener( mark2,"click", showInfo2 );
function showInfo2() {
mark2.openInfoWindowHtml( '<img src="../rakutoh image/chion_sar.jpg" alt="知恩院" width="50" height="50" border="0" />&nbsp;&nbsp;<a href="chioin.html" class="sentence4">知恩院</a></br><p class="sentence1">総勢17人で衝く除夜の鐘</p>' );
}
	var mark3 = new GMarker(new GLatLng( 35.009026, 135.789619 ), opt3);
map.addOverlay(mark3);
GEvent.addListener( mark3,"click", showInfo3 );
function showInfo3() {
mark3.openInfoWindowHtml( '<img src="../rakutoh image/keage.jpg" alt="蹴上" width="50" height="50" border="0" />&nbsp;&nbsp;<a href="keage.html" class="sentence4">蹴上</a></br><p class="sentence1">何を蹴り上げる？</p>' );
}
var mark4 = new GMarker(new GLatLng( 35.003648, 135.778568 ), opt4);
map.addOverlay(mark4);
GEvent.addListener( mark4,"click", showInfo4 );
function showInfo4() {
mark4.openInfoWindowHtml( '<img src="../rakutoh image/yasaka.jpg" alt="八坂神社" width="50" height="50" border="0" />&nbsp;&nbsp;<a href="yasaka-ser.html" class="sentence4">八坂神社</a></br><p class="sentence1">祇園祭を祭礼する八坂郷の鎮守</p>' );
}
var mark5 = new GMarker(new GLatLng( 35.007293, 135.782829 ), opt5);
map.addOverlay(mark5);
GEvent.addListener( mark5,"click", showInfo5 );
function showInfo5() {
mark5.openInfoWindowHtml( '<img src="../rakutoh image/syoren.jpg" alt="青蓮院" width="50" height="50" border="0" />&nbsp;&nbsp;<a href="syoren.html" class="sentence4">青蓮院</a></br><p class="sentence1">親鸞が得度した門跡寺院</p>' );
}
var mark6 = new GMarker(new GLatLng( 35.011006,135.78878 ), opt6);
map.addOverlay(mark6);
GEvent.addListener( mark6,"click", showInfo6 );
function showInfo6() {
mark6.openInfoWindowHtml( '<img src="../hotel image/yachiyokan.jpg" alt="八千代" width="100" height="79" class="bor"/>&nbsp;&nbsp;<a href="../hotelpage/yachiyo.html" class="sentence4">八千代</a></br><p class="sentence1">京都市左京区南禅寺福地町34</p>' );
}
var mark7 = new GMarker(new GLatLng( 35.008984,135.787776 ), opt7);
map.addOverlay(mark7);
GEvent.addListener( mark7,"click", showInfo7 );
function showInfo7() {
mark7.openInfoWindowHtml( '<img src="../hotel image/miyako hotel.jpg" alt="ウェスティン都ホテル京都" width="100" height="75" class="bor"/>&nbsp;&nbsp;<a href="../hotelpage/westinmiyako.html" class="sentence4">ウェスティン都ホテル京都</a></br><p class="sentence1">京都市東山区三条蹴上</p>' );
}
var mark8 = new GMarker(new GLatLng( 35.011618,135.784019 ), opt8);
map.addOverlay(mark8);
GEvent.addListener( mark8,"click", showInfo8 );
function showInfo8() {
mark8.openInfoWindowHtml( '<img src="http://www.jalan.net/jalan/images/pictM/2/00142/00142197.jpg" alt="京都トラベラーズ・イン" width="100" height="66" class="bor"/>&nbsp;&nbsp;<a href="../hotelpage/travelers-inn.html" class="sentence4">京都トラベラーズ・イン</a></br><p class="sentence1">京都市左京区岡崎円勝寺町91</p>' );
}



      }
    
	
onload = startUp;
onunload = GUnload;
