<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
         xmlns:v="urn:schemas-microsoft-com:vml">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <head><title>Ajax</title>
    <style type="text/css">
    v\:* {
      behavior:url(#default#VML);
    }
    </style>
    <!-- 下記キーは、必ず自分専用のものをhttp://www.google.com/apis/maps/で取得して使ってください -->
    <script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAArXkhpD8kl_yiiFjm3U9X7BRiUA2TJ1gWQ5cs6w-p6fSrfCa9CBQEMN7q3ZUM5M2IiYlKl06BSaURgQ&datum=wgs84" type="text/javascript"></script>
  </head>
  <body>

<div id="map" style="width:300px;height:300px"></div>

    <script type="text/javascript">
    //<![CDATA[


    //2005.12.1以降も、
    //2005.11.30以前の日本測地系座標を使いたいときは
    //GPointクラスを使用前に下記のように上書きします。
    //世界測地系(wgs84)の座標を使うときは不要です
    GPoint = function (x,y){
      if(y>30&&(y<50&&(x>115&&x<152))){
        this.x=x-0.0032027777777777775;
        this.y=y+0.003236111111111111;
      } else {
        this.x=x ;
        this.y=y ;
      }
    }


    var div   = document.getElementById("map")
    var map0  = new GMap(div);
    var point = new GPoint(139.765449,35.633477);
    map0.centerAndZoom(point, 1) ;

    //マーカーを追加    
    var marker = new GMarker(point);
    map0.addOverlay(marker);

    //マーカークリックでHTMLを渡し、情報ウインドウを表示します
    GEvent.addListener(marker, "click", function() {
        var xml =  '<?xml version="1.0" encoding="utf-8" ?>';
            xml += '<msg><msg1>レインボーブリッジ</msg1><msg2>です</msg2></msg>';
        var xsl =  '<?xml version="1.0" encoding="utf-8" ?> ';
            xsl += '<xsl:stylesheet version="1.0" ';
            xsl += 'xmlns:xsl="http://www.w3.org/1999/XSL/Transform" >';
            xsl += '<xsl:template match="/"> ';
            xsl += '<xsl:apply-templates select="msg" />';
            xsl += '</xsl:template> ';
            xsl += '<xsl:template match="msg">';
            xsl += '<b><xsl:value-of select="msg1" /></b>';
            xsl += '<xsl:value-of select="msg2" />';
            xsl += '</xsl:template>';
            xsl += '</xsl:stylesheet>';
            
document.write(xml.split('<').join('&lt;'))
document.write('<hr>')
document.write(xsl.split('<').join('&lt;'))

        marker.openInfoWindowXslt( xml,xsl );
    });


    // alert(typeof marker.openInfoWindowHtml());
    document.write(marker.openInfoWindowXslt);


    //]]>
    </script>
  </body>
</html>