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とかに突っ込むなりなんなりすると良い。
関連記事
-
-
GoogleMapAPIのジオコードで存在するはずの住所が見つからない場合の原因について(ZERO_RESULTS)
GoogleMapAPIを利用したプログラムで確かに存在するはずの住所をジオコー ...
-
-
Google Maps APIでヒートマップを表示する方法
Google Maps APIで花粉状況や雨量を可視化しやすいようなヒートマップ ...
-
-
GoogleMapAPIで住所・経度緯度入力後にマーカーを移動させる
フォーム内に住所・経度・緯度のテキストボックスを設置し、住所を入力後にボタンを押 ...
-
-
HTML5のGeolocation APIで位置情報を取得してGoogleMapAPIで使用する方法
GPSみたいな位置情報を取得しGoogleMapAPIでその場所を反映させたかっ ...
-
-
Google Maps APIでメインカラーを変更する方法
GoogleMapAPIを用いたMAPでカラー変更をしたかった。カラーコードの指 ...