勉強したことのメモ

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

JavaScriptで住所から経度緯度を取得する

   2014/07/02  JavaScript

やりたかった事は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 map apiとPHPを組み合わせて複数マーカーとウィンドウを連携させる

↑↑と組み合わせて使うと、フォームで入力した地図情報をMapで表示させるとかが簡単に作られる。

 - JavaScript

  関連記事

leaflet.jsとOSMでマーカーの画像をそれぞれ指定する

leaflet.jsとOpenStreetMapでマップ上にマーカーを複数設置し ...

javascriptで実行時間の測定

var time_test = function(){ var x = 1; f ...

jQueryのanimate()でページスクロール後に他の処理を実行させる方法

jQueryのanimate()でページスクロール後に特定の要素を非表示にしたい ...

jQueryの日付&時間のピッカー(bootstrap-datetimepicker)について

日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、普通のセレクトメ ...

javascriptでブラウザ判別&ページ遷移

var userAgent = window.navigator.userAge ...