勉強したことのメモ

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

  関連記事

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

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

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

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

HTML5のGeolocation APIで位置情報を取得してGoogleMapAPIで使用する方法

GPSみたいな位置情報を取得しGoogleMapAPIでその場所を反映させたかっ ...

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

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

Google Maps APIでヒートマップを表示する方法

Google Maps APIで花粉状況や雨量を可視化しやすいようなヒートマップ ...