イベントの追加方法をMap Eventsで調べました。
そこで今回、マーカーがクリックされたときのコーディング方法を下に掲載しました。
<!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_08" style="width:400px; height:500px;"></div>
<script type="text/javascript">
var latlng_08 = new google.maps.LatLng(-34.397, 150.644);
var myOptions_08 = {
zoom: 8
, center: latlng_08
, mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map_08 = new google.maps.Map(
document.getElementById("map_canvas_08")
, myOptions_08
);
var marker_08 = new google.maps.Marker({
position: latlng_08,
map: map_08
});
//マーカーに対してイベントを追加
google.maps.event.addListener(marker_08, 'click', function() {
alert("hello google map");
});
</script>
</body>
</html> |
google.maps.event.addListenerメソッドでイベントの追加を行います。
第一引数は、イベントをアタッチする対象オブジェクトで、第二引数は、イベントの種類。
なんといってもすばらしいのは、ダブルクリックにも対応しているところ。
最後は、イベントが発生したときに呼ばれる関数です。
デモを貼り付けました。
0 コメント:
コメントを投稿