タイトル通りなのだが、infoウィンドウを表示する方法について調査
Info Windowsを読みながら実装してみました。
<!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"
});
var marker = new google.maps.Marker({
position: latlng,
map: map
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}());
</script>
</body>
</html> |
google.maps.InfoWindowメソッドの引数contentにdomが使えるのがなんとも便利。
上の例では、マーカーをクリックしたときに、InfoWindowが表示される仕掛けになっています。
実行結果は下の通り。
地図が表示された瞬間にInfoWindowを出すことは可能なのだろうか？
0 コメント:
コメントを投稿