if(GBrowserIsCompatible())
{
var point = new Array();
var nCnt = 0;
var gmarker = new Array();
var htmls = new Array();
point[0] = new GLatLng(34.9958184,135.7704015); htmls[0] = '<img src="images/rogo.gif" width="190" height="80"/>';
point[1] = new GLatLng(34.994835,135.784953); htmls[1] = '<table width="300" border="0" cellspacing="0" cellpadding="0" class="window">  <tr><td width="80" height="80" rowspan="3" valign="top"><img src="images/img01.jpg" width="80" height="80"/></td></tr><tr><td width="181" valign="top"><strong style="font-size:14px;">清水寺</strong><p style="font-size:12px;">優美な起り反り(むくりそり)曲線を見せる寄棟造り、桧皮葺きの屋根や軒下の蔀戸など、平安時代の宮殿、貴族の邸宅の面影を伝え、四囲の音羽山の翠緑と見事に調和しています。 </p></td></tr><tr></tr></table>';
point[2] = new GLatLng(34.9878637,135.7716959); htmls[2] = '<table width="300" border="0" cellspacing="0" cellpadding="0" class="window">  <tr><td width="80" height="80" rowspan="3" valign="top"><img src="images/img02.jpg" width="80" height="80"/></td></tr><tr><td width="181" valign="top"><strong style="font-size:14px;">三十三間堂</strong><p style="font-size:12px;">正式名は、蓮華王院。本堂が「三十三間堂」と呼びます。 地上16メートル、奥行き22メートル、南北120メートルの長大な堂内の1000体の観音様は、おどろきの一言です。</p></td></tr><tr></tr></table>';
point[3] = new GLatLng(35.001743,135.780154); htmls[3] = '<table width="300" border="0" cellspacing="0" cellpadding="0" class="window">  <tr><td width="80" height="80" rowspan="3" valign="top"><img src="images/img03.jpg" width="80" height="80"/></td></tr><tr><td width="181" valign="top"><strong style="font-size:14px;">高台寺</strong><p style="font-size:12px;">正式名所は高台寿聖禅寺といいねねの寺として有名です。春は方丈の庭に枝垂れ桜、秋は萩が綺麗な寺です。 </p></td></tr><tr></tr></table>';
point[4] = new GLatLng(35.003682,135.778091); htmls[4] = '<table width="300" border="0" cellspacing="0" cellpadding="0" class="window">  <tr><td width="80" height="80" rowspan="3" valign="top"><img src="images/img04.jpg" width="80" height="80"/></td></tr><tr><td width="181" valign="top"><strong style="font-size:14px;">八坂神社</strong><p style="font-size:12px;">京都では「祇園さん」と呼ばれ親しまれており、芸道神を祭る末社もあることから舞妓も多く訪れる。夏は祇園祭、大晦日はおけら参りで有名。 </p></td></tr><tr></tr></table>';
point[5] = new GLatLng(34.9970905,135.7732818); htmls[5] = '<table width="300" border="0" cellspacing="0" cellpadding="0" class="window">  <tr><td width="80" height="80" rowspan="3" valign="top"><img src="images/img05.jpg" width="80" height="80"/></td></tr><tr><td width="181" valign="top"><strong style="font-size:14px;">六波羅蜜寺</strong><p style="font-size:12px;">真言宗智山派の寺で、六斎念仏の始祖空也上人によって開かれた寺で、宝物館にある空也上人像、伝平清盛像は有名で、国宝にも指定されている。 </p></td></tr><tr></tr></table>';
point[6] = new GLatLng(34.9957306,135.7678861); htmls[6] = '<table width="300" border="0" cellspacing="0" cellpadding="0" class="window">  <tr><td width="80" height="80" rowspan="3" valign="top"><img src="images/img06.jpg" width="80" height="80"/></td></tr><tr><td width="181" valign="top"><strong style="font-size:14px;">五条大橋</strong><p style="font-size:12px;">五条通鴨川にかかる五条大橋は弁慶と牛若丸が出会った場所として有名。橋を渡り切った所に 日本人形風の弁慶と牛若丸の像があります。</p></td></tr><tr></tr></table>';
function createMarker(point,htmlData)
{
var iconSet = new GIcon();
iconSet.image            = "mapimage/"+ nCnt +".png"; //アイコン画像パス
iconSet.shadow           = "mapimage/shadow.png"; //影画像パス
iconSet.iconSize         = new GSize(21, 34); //アイコンサイズ
iconSet.shadowSize       = new GSize(39, 34); //影サイズ
iconSet.iconAnchor       = new GPoint(10, 34); //アイコンの表示開始位置（0,0）は左上角から
iconSet.infoWindowAnchor = new GPoint(15, 20); //情報ウィンドウの表示開始位置
iconSet.infoShadowAnchor = new GPoint(15, 20); //情報ウィンドウの影の表示開始位置
var marker = new GMarker(point,iconSet);
GEvent.addListener(marker, 'click', function(){
marker.openInfoWindowHtml(htmlData);
});
return marker;
}
function myclick(HtmlCnt) {
gmarker[HtmlCnt].openInfoWindowHtml(htmls[HtmlCnt]);
}
var map = new GMap2(document.getElementById("map"));
//操作バー（左）
map.addControl(new GLargeMapControl());
//表示切替（上）
//map.addControl(new GMapTypeControl());
//ダブルクリックズーム＆スムージング
map.enableContinuousZoom();
//初期表示の画面の中心座標
map.setCenter(new GLatLng(34.9958184,135.7704015), 14);
//初期フキダシ表示内容
map.openInfoWindowHtml(new GLatLng(34.9958184,135.7704015),'<img src="images/rogo.gif" width="190" height="80"/>');
var nDataNum = point.length;
for(nCnt=0;nCnt<nDataNum;nCnt++)
{
var marker = createMarker(point[nCnt],htmls[nCnt]);
gmarker[nCnt] = marker;
map.addOverlay(marker);
}
}