javascript - Google マップ API v3 を使用して onclick 情報を取得する

Question

google map api v3を使って地図関連のWebアプリをやっています。以下に示すように、マップの横に一連のテキストボックスがあります。赤いものは、ユーザーがウェイポイントを参照して好きなだけ追加できます。

ここで、ユーザーがマップまたは特定の関心のあるポイントをクリックすると、そのポイントに関連するデータがカーソルのあるテキストボックスに表示される、Google マップに似たようなことをしたいと思います。

そのようなタスクを達成する方法はありますか?

Answer 1

各テキストボックスには ID が必要です。イベントがトリガーされると、関数がトリガーされます

<script>
var text_to_be_inserted = "sample";
function onEvent(){
    document.getElementById("textbox_1").value='';
    document.getElementById("textbox_2").value='';
    if(document.getElementById("textbox_1").focused){
        document.getElementById("textbox_1").value=text_to_be_inserted;
    }
    else if(document.getElementById("textbox_2").focused){
        document.getElementById("textbox_2").value=text_to_be_inserted;
    }
    else{
        // do nothing
    }
}
</script>