カテゴリー
SugiBlog Webエンジニアのためのお役立ちTips

GoogleMapにイベントリスナーの追加

こちらの記事はGoogleMap API v2についてです。
GoogleMap API v3でのイベントの追加と削除については[GoogleMap イベントリスナーの追加と削除]を参照してください。

GEvent.addListener(イベント発生元オブジェクト, イベント, ハンドラ);

イベント発生元オブジェクト:GoogleMapやMarkerのオブジェクト
イベント:clickdblclickmoveend等 他は下記参照
ハンドラ:処理を記述した関数名(ダブルクォーテーションで括らなくてよい)

匿名関数を使用する場合
GEvent.addListener(イベント発生元オブジェクト, イベント, function(){処理});

イベント発生元オブジェクト:基本的にはGoogleMapのオブジェクト
イベント:clickdblclickmoveend
続きを読む…»

2,125 views

JavaScript 未定義変数かどうか調べる

if("[変数名]" in window)
{
    alert( "定義済み" );
}
else
{
    alert( "未定義" );
}

または

if(typeof [変数名] != "undefined")
{
    alert( "定義済み" );
}
else
{
    alert( "未定義" );
}
1,756 views

フォームアイテムへの様々なアクセス

name属性を使用したアクセス

document.forms("フォームのname").elements("アイテムのname").value
document.フォームのname.アイテムのname.value

その他、idを付与しアクセスするなど

document.getElementById("id").value
1,168 views

テキストエリアのプロパティ・メソッド JS

JavaScriptからアクセスする際のテキストエリアのプロパティとメソッド

【プロパティ】
defaultValue
disabled
readonly
rows
cols
type
value

【メソッド】
focus()
blur()
select()

1,326 views

GoogleMap ルート案内

<form action="http://maps.google.co.jp/maps" method="get" target="_blank">
ここまでのルートを検索
出発地(住所・駅名):<input type="text" size="30" name="saddr" id="saddr" value="" />
交通手段:<input type="radio" name="dirflg" value="r" checked="checked" />電車
<input type="radio" name="dirflg" value="d" />車
<input type="hidden" name="daddr" value="lat,lon" />
<input type="submit" value="ルート検索" />
</form>

・アイコンクリックにイベントを追加

GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml([上記HTML]);
});
2,327 views