書式
openInfoWindowXslt(latLng, xmlObj, xsltURI, pixelOffset, onOpenFunc, onCloseFunc)
説明
情報ウィンドウを表示します。表示する内容はXMLのデータをXSLTで処理したものになります。
<!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">
<head>
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAasAJryKxWJnBFVJa487d9hTHGAxTVT7IRADYa-JdYz7xQ8IQZBSthgDZdggYpQHsmm6WYtHstQFfLA" type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 500px; height: 400px;z-index:1;"></div>
<script type="text/javascript">
//<![CDATA[
var map = new GMap(document.getElementById("map"));
var gpObj = new GPoint(138, 37)
map.centerAndZoom(gpObj, 11);
httpObj = GXmlHttp.create();
httpObj.open("GET", "test.xml");
httpObj.onreadystatechange = function() {
if (httpObj.readyState == 4) {
XMLdata = httpObj.responseXML;
}
}
httpObj.send(null);
function openIW() {
var marker = new GMarker(gpObj);
map.addOverlay(marker);
marker.openInfoWindowXslt(XMLdata, "test.xsl");
}
//]]>
</script>
<form>
<input type="button" value="マーカーと情報ウィンドウを表示" onClick="openIW()">
</form>
</body>
</html>
【XML】
<?xml version="1.0" encoding="UTF-8"?>
<list>
<username>Furuhata </username>
<username>Takahashi </username>
<username>Hamba </username>
</list>
【XSLT】
<?xml version="1.0" encoding="utf-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<xsl:apply-templates />
</xsl:template>
<xsl:template match="userinfo">
<xsl:value-of select="username" />
</xsl:template>
</xsl:stylesheet>