例−33：カスタムマーカーとツールチップ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>例−33：カスタムマーカーとツールチップ</title>
<script src="http://maps.google.co.jp/maps?file=api&v=2&key=[MAPS_API_KEY]"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
//地図を作成
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(35.677335,139.744613), 16);
//オリジナルマーカーの画像を作成
var myIcon = new GIcon();
myIcon.image = "http://googlemaps.googlermania.com/img/marker_flag.png";
myIcon.shadow = "http://googlemaps.googlermania.com/img/marker_shadow.png";
myIcon.iconSize = new GSize(35, 35);
myIcon.shadowSize = new GSize(35, 35);
myIcon.iconAnchor = new GPoint(0, 35);
myIcon.infoWindowAnchor = new GPoint(18, 11);
//マーカーを追加(国会議事堂)
var marker = new GMarker(new GLatLng(35.676148,139.74479),{title:"国会議事堂", icon: myIcon});
map.addOverlay(marker);
//マーカーを追加(国立図書館)
var marker = new GMarker(new GLatLng(35.678494,139.744205),{title:"国立図書館", icon: myIcon});
map.addOverlay(marker);
}
}
GEvent.addDomListener(window, "load", load);
GEvent.addDomListener(window, "unload", GUnload);
//]]>
</script>
</head>
<body >
<h1>例−33：カスタムマーカーとツールチップ</h1>
<div id="map" style="width:600px;height:600px;">
</body>
</html>
