上の地図でクリックした地点の住所が下に入力されます。
その後、必要に応じて修正して下さい。
↑の送信ボタンはダミーです。
このページは「がとらぼ」の「Webフォーム 地図から住所入力」のデモ用です。
ページの無駄な部分をなるべく無くしているのでソースを見れば一目瞭然な筈。地図処理用のJavascriptも好きに持って行って下さい。
https://warui.intaa.net/contents/address/map.js
使用にあたりGoogle Maps APIのキー必要なのでGoogleから取得して下さい(無料)。このページのAPIキーを他所で使おうとしても動きません。
2020年10月27日修正:
Google側で変更があったのか、いつのまにか地図をクリックしたときにマーカーが動かなくなっていたので正常に動くように修正しました。また、クリックした場所が地図の中心になる動作で、瞬間的に地図が移動すると利用者が理解できないかもしれないので、瞬間移動ではなくパン(地図が移動するアニメーション)するようにしました。