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でクリックした座標にマーカーを設置する方法
GoogleMapAPIでクリックした位置にマーカーを設置し、座標の経度緯度をテ ...
-
-
スマホでページ内リンクからGoogleMapアプリを開く
スマホでWebページにあるリンクをクリックした際にGoogleMapアプリを表示 ...
-
-
Google map APIでマーカー(アイコン)を好きな画像に変える
Googleマップでユーザーにマーカー画像をアップロードさせて、それをマップ表示 ...
-
-
GoogleMapAPIのジオコードで存在するはずの住所が見つからない場合の原因について(ZERO_RESULTS)
GoogleMapAPIを利用したプログラムで確かに存在するはずの住所をジオコー ...
-
-
Google Maps APIでリアルタイムに現在地のマーカーを更新する方法
GoogleMapAPIを使って現在地を取得してその場所にマーカーを設置、その後 ...