2011/08/16

[googleMaps]infoウィンドウを地図表示時に出力

昨日のエントリーでは、マーカーをクリックしたときに、infoWindowを表示するという仕様でしたが、今日は、地図を表示したときに最初から開いている方法について。

google.maps.InfoWindowメソッドの引数にpositionを追加すればオッケーのようです。

<!DOCTYPE html>

<html>
<head>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=true">
</script>

<title>Google Maps Test</title>
</head>
<body>
<div id="map_canvas_09" style="width:400px; height:500px;">
</div>
<script type="text/javascript">
(function(){
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8
, center: latlng
, mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(
document.getElementById("map_canvas_09")
, myOptions
);


var infowindow = new google.maps.InfoWindow({
content: "hello world",
position:latlng
});
infowindow.open(map);

}());
</script>
</body>
</html>

openメソッドで追加先となるオブジェクト指定するのを忘れないように。

実行結果は下の通り

0 コメント:

コメントを投稿