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でマップ自体を移動し中心地の経度緯度を取得
GoogleMapでマップ自体をドラッグして移動した後、中心地の経度緯度を取得し ...
-
-
スマホでページ内リンクからGoogleMapアプリを開く
スマホでWebページにあるリンクをクリックした際にGoogleMapアプリを表示 ...
-
-
GoogleMapAPIでクリックした座標にマーカーを設置する方法
GoogleMapAPIでクリックした位置にマーカーを設置し、座標の経度緯度をテ ...
-
-
Google Maps APIでマーカーが全て表示されるように自動ズームする方法
Google Maps APIでマーカーを複数設置した場合にズームの値や、マーカ ...
-
-
GoogleMapAPIで住所・経度緯度入力後にマーカーを移動させる
フォーム内に住所・経度・緯度のテキストボックスを設置し、住所を入力後にボタンを押 ...