書式
addEvent(type, func)
type : イベントの種類
func : イベント発生時に実行する関数
説明
イベントを追加するにはaddEvent()を使います。最初のパラメータにはイベント名を指定します。イベント名は以下の表のものが指定できます。二番目のパラメータはイベントが発生した時に呼び出される処理/関数を指定します。
イベント名 | イベント内容 | イベントハンドラに渡される値 |
YEventType.MAP_CLICK | クリック | 座標値 |
YEventType.MAP_MOVING | 移動中 | - |
YEventType.MAP_MOVED | 移動終了時 | - |
YEventType.LAYER_CHANGED | ズームイン/ズームアウトした時 | - |
YEventType.MODE_CHANGED | 地図の種類を変更 | - |
YEventType.MOUSE_OVER | 地図にマウスオーバー | - |
YEventType.MOUSE_OUT | 地図からマウスアウト | - |
YEventType.MOUSE_MOVE | 地図上でマウスカーソルが移動 | 座標値 |
YEventType.ICON_CLICK | アイコンクリック | アイコンのID |
YEventType.ICON_DBLCLICK | アイコンをダブルクリック | アイコンのID |
YEventType.ICON_MOUSEDOWN | アイコンにマウスダウン | アイコンのID |
YEventType.ICON_MOUSEUP | アイコンにマウスアップ | アイコンのID |
YEventType.ICON_MOUSEOVER | アイコンにマウスオーバー | アイコンのID |
YEventType.ICON_MOUSEOUT | アイコンからマウスアウト | アイコンのID |
YEventType.POPUP_OPEN | 吹き出しを開いた | - |
YEventType.POPUP_CLOSE | 吹き出しを閉じた | - |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="http://api.map.yahoo.co.jp/MapsService/js/V1/?appid=openspaceYS">
</script>
<script type="text/javascript"><!--
var Ymap;
window.onload=function(){
Ymap = new YahooMapsCtrl("map", "36.6.42.653, 137.57.23.497", 2, YMapMode.MAP);
Ymap.addEvent(YEventType.MAP_CLICK, message);
}
function message(){
alert("クリックされました");
}
// --></script>
</head>
<body>
<h1>Yahoo Maps (日本版)</h1>
<div id="map" style="height: 400px; width: 400px"></div>
</body>
</html>