var map;
function startUp() {
      map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng( 35.003585, 135.775120 ), 16);

 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.003585, 135.775120 ), 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.003648, 135.778568), opt2);
map.addOverlay(mark2);
GEvent.addListener( mark2,"click", showInfo2 );
function showInfo2() {
mark2.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 mark3 = new GMarker(new GLatLng( 35.001382, 135.774005 ), opt3);
map.addOverlay(mark3);
GEvent.addListener( mark3,"click", showInfo3 );
function showInfo3() {
mark3.openInfoWindowHtml( '<img src="../rakutoh image/kennin.jpg" alt="建仁寺" width="50" height="50" border="0" />&nbsp;&nbsp;<a href="kennin-temp.html" class="sentence4">建仁寺</a></br><p class="sentence1">詩文芸術に秀でた禅僧を輩出した「学問面」</p>' );
}
var mark4 = new GMarker(new GLatLng( 35.003988, 135.771275 ), opt4);
map.addOverlay(mark4);
GEvent.addListener( mark4,"click", showInfo4 );
function showInfo4() {
mark4.openInfoWindowHtml( '<img src="../rakutoh image/kamo_riv.jpg" alt="鴨川" width="50" height="50" border="0" />&nbsp;&nbsp;<a href="kamo-river.html" class="sentence4">鴨川</a></br><p class="sentence1">神が遡る川</p>' );
}
var mark5 = new GMarker(new GLatLng( 35.003971, 135.770539 ), opt5);
map.addOverlay(mark5);
GEvent.addListener( mark5,"click", showInfo5 );
function showInfo5() {
mark5.openInfoWindowHtml( '<img src="../rakutoh image/kiyamachi.jpg" alt="木屋町" width="50" height="50" border="0" />&nbsp;&nbsp;<a href="kiyamachi.html" class="sentence4">木屋町</a></br><p class="sentence1">都に集められた木材の集積地</p>' );
}
var mark6 = new GMarker(new GLatLng( 35.003936, 135.771011 ), opt6);
map.addOverlay(mark6);
GEvent.addListener( mark6,"click", showInfo6 );
function showInfo6() {
mark6.openInfoWindowHtml( '<img src="../rakutoh image/ponto.jpg" alt="先斗町" width="50" height="50" class="bor"/>&nbsp;&nbsp;<a href="ponto.html" class="sentence4">先斗町</a></br><p class="sentence1">通りの名前の由来はポルトガル語から</p>' );
}
var mark7 = new GMarker(new GLatLng( 35.006094, 135.777631 ), opt7);
map.addOverlay(mark7);
GEvent.addListener( mark7,"click", showInfo7 );
function showInfo7() {
mark7.openInfoWindowHtml( '<img src="../rakutoh image/shinmonzen.jpg" alt="新門前" width="50" height="50" class="bor"/>&nbsp;&nbsp;<a href="shinmon.html" class="sentence4">新門前</a></br><p class="sentence1">骨董マニアが目指すダルマストリート</p>' );
}
var mark8 = new GMarker(new GLatLng( 35.005347, 135.777502 ), opt8);
map.addOverlay(mark8);
GEvent.addListener( mark8,"click", showInfo8 );
function showInfo8() {
mark8.openInfoWindowHtml( '<img src="../hotel image/fukuzumi.jpg" alt="ギオン福住" width="100" height="81" class="bor"/>&nbsp;&nbsp;<a href="../hotelpage/fukuzumi.html" class="sentence4">ギオン福住</a></br><p class="sentence1">京都市東山区東大路新橋西入</p>' );
}
var mark9 = new GMarker(new GLatLng( 35.003633, 135.776187 ), opt9);
map.addOverlay(mark9);
GEvent.addListener( mark9,"click", showInfo9 );
function showInfo9() {
mark9.openInfoWindowHtml( '<img src="../hotel image/gion hotel.jpg" alt="京都祇園ホテル" width="78" height="100" class="bor"/>&nbsp;&nbsp;<a href="../hotelpage/gion-hotel.html" class="sentence4">京都祇園ホテル</a></br><p class="sentence1">京都市東山区祗園町南側555</p>' );
}
var mark10 = new GMarker(new GLatLng( 35.002108, 135.779348 ), opt10);
map.addOverlay(mark10);
GEvent.addListener( mark10,"click", showInfo10 );
function showInfo10() {
mark10.openInfoWindowHtml( '<img src="../hotel image/karaku.jpg" alt="料理旅館 花楽" width="100" height="79" class="bor"/>&nbsp;&nbsp;<a href="../hotelpage/karaku.html" class="sentence4">料理旅館 花楽</a></br><p class="sentence1">京都市東山区祇園町南側499</p>' );
}
var mark11 = new GMarker(new GLatLng( 35.001748, 135.779342 ), opt11);
map.addOverlay(mark11);
GEvent.addListener( mark11,"click", showInfo11 );
function showInfo11() {
mark11.openInfoWindowHtml( '<img src="../hotel image/gion-sano.jpg" alt="祇園佐の" width="100" height="67" class="bor"/>&nbsp;&nbsp;<a href="../hotelpage/sano.html" class="sentence4">祇園佐の</a></br><p class="sentence1">京都市東山区祇園下河原鷲尾町504</p>' );
}


      }
    
	
onload = startUp;
onunload = GUnload;