例−23：アメリカの交通情報を地図に表示する
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>例−23：アメリカの交通情報を地図に表示する</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[
var map;
function load() {
if (GBrowserIsCompatible()) {
//地図を作成
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(40.652513,-73.936615), 12);
map.addControl(new GSmallMapControl());
var trafficInfo = new GTrafficOverlay();
map.addOverlay(trafficInfo);
}
}
GEvent.addDomListener(window, "load", load);
GEvent.addDomListener(window, "unload", GUnload);
//]]>
</script>
</head>
<body >
<h1>例−23：アメリカの交通情報を地図に表示する</h1>
<div id="map" style="width:600px;height:600px;">
</body>
</html>
