JavaScriptで住所から経度緯度を取得する
2014/07/02
やりたかった事は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で表示させるとかが簡単に作られる。
関連記事
-
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 ...