例−12：地図に線(ライン)を描画する
ラインの描画は、GPolylineクラスを用います。ラインを描画したい経度緯度を配列にして渡すだけで描画してくれます。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Google Maps JavaScript API Example</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<script src="http://maps.google.co.jp/maps?file=api&v=2&key=[あなたのAPIキー]&sensor=false"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load(){
//地図を作成
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(35.677335,139.744613), 16);
//ラインを描画する経度・緯度を配列にする
var points = [];
points.push(new GLatLng(35.676148, 139.74479));
points.push(new GLatLng(35.678494, 139.744205));
//直線の描画
line = new GPolyline(points, "#FF0000", 10);
map.addOverlay(line);
}
//ページがロードされたら、load 関数を実行して、地図を表示する
window.onload = load;
//ページを抜けるとき、メモリ開放
window.onunload = GUnload;
//]]>
</script>
</head>
<body >
<div id="map" style="width: 600px; height: 600px"></div>
</body>
</html>
