勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

Google Maps APIで住所から経度緯度を取得する方法

   2024/04/18  Google Maps API Google

やりたかった事は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

  関連記事

Google Maps APIでメインカラーを変更する方法
Google Maps APIでメインカラーを変更する方法

GoogleMapAPIを用いたMAPでカラー変更をしたかった。カラーコードの指 ...

Google Maps APIでリアルタイムに現在地のマーカーを更新する方法
Google Maps APIでリアルタイムに現在地のマーカーを更新する方法

GoogleMapAPIを使って現在地を取得してその場所にマーカーを設置、その後 ...

Google map APIでマーカー(アイコン)を好きな画像に変える
Google map APIでマーカー(アイコン)を好きな画像に変える

Googleマップでユーザーにマーカー画像をアップロードさせて、それをマップ表示 ...

GoogleMapAPIでクリックした座標にマーカーを設置する方法
GoogleMapAPIでクリックした座標にマーカーを設置する方法

GoogleMapAPIでクリックした位置にマーカーを設置し、座標の経度緯度をテ ...

GoogleMapAPIで住所・経度緯度入力後にマーカーを移動させる
GoogleMapAPIで住所・経度緯度入力後にマーカーを移動させる

フォーム内に住所・経度・緯度のテキストボックスを設置し、住所を入力後にボタンを押 ...