JavaScriptで住所から経度緯度を取得する
2014/07/02
やりたかった事はformに住所を入れてsubmitする際に、javascriptで経度緯度を取得してtype=hiddenのフォームに値を入れたかった。
下記ソースでいける。
function getLatLng () { //住所から経度緯度取得 var address = $('#address').val(); var geocoder = new google.maps.Geocoder(); geocoder.geocode({ address: address }, function( results, status ){ if( status == google.maps.GeocoderStatus.OK ){ $('#x').val(results[0].geometry.location.lat()); $('#y').val(results[0].geometry.location.lng()); validateForm(); } else { alert('住所が正常に取得できませんでした。'); return false; } }); }
あとはPHPで受け取ってMySQLとかに突っ込むなりなんなりすると良い。
google map apiとPHPを組み合わせて複数マーカーとウィンドウを連携させる
↑↑と組み合わせて使うと、フォームで入力した地図情報をMapで表示させるとかが簡単に作られる。
関連記事
-
-
IE11でフォーム送信時に二重登録される
Internet Explorer11でform送信時にデータが二重登録されると ...
-
-
amazon等のECサイトによくにあるアイテムの満足度を星マークで送信・表示する方法
amazon等のECサイトによくにあるアイテムの満足度を星マークかつ5段階で送信 ...
-
-
jQueryでドロワーメニューの作成
■やりたかった事 スマホ用サイトにドロワーメニューを設置したかった。   ...
-
-
CKEditor(WYSIWYGエディタ)の設置方法と日本語化
今までWYSIWYGエディタを導入する際はNicEditを使用していたが、あんま ...
-
-
jQuery UIでカレンダーピッカー(Datepicker)の利用方法
フォーム等で日付を入力する際にカレンダーピッカー機能を実装することがある。その際 ...
-
-
セレクトメニューにサジェスト機能をつける(select2)
formのselectメニューで何文字が入力すると候補を絞って表示させるサジェス ...
-
-
無料でジオコーディング(住所→経度緯度)を行う
GoogleMapAPIでジオコーディングをするには、支払い情報を登録したアカウ ...
-
-
JavaScriptで特定の範囲内から整数値を、数値が被らずにランダムに取り出す
やりたかったのは1位から20位のランキング内で JavaScriptを用いてラン ...
-
-
PHPの配列をファイルに保存してPHPやJSで呼び出す
PHPの配列をファイルとして保存し、別のページからPHPやJavaScriptで ...
-
-
jQueryプラグインでクリップボードにコピーする方法(clipboard.js)
ページ上のボタンをクリックすることで特定の文章をクリップボードにコピーしたかった ...