addEvent

書式

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>