Google Maps APIで住所から経度緯度を取得する方法
2024/04/18
やりたかった事は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 Maps APIで複数のマーカーをまとめる方法
Google Maps APIでマーカーを複数表示し、近隣のエリアごとにまとめて ...
-
-
Google Maps APIでメインカラーを変更する方法
GoogleMapAPIを用いたMAPでカラー変更をしたかった。カラーコードの指 ...
-
-
Google Maps APIで半径●メートル範囲を円で表示する方法
Google Maps APIでマーカーを立てて、そこから範囲●mもしくは●km ...
-
-
Google Maps APIで現在地取得と目的地までのルートを表示させる方法
Google Maps APIを使って現在地を取得しつつ、目的地までのルートを表 ...
-
-
GoogleMapAPIで住所・経度緯度入力後にマーカーを移動させる
フォーム内に住所・経度・緯度のテキストボックスを設置し、住所を入力後にボタンを押 ...