Google Maps API V3のGeocoderでjQueryを使用しています。サイトユーザーはテキストボックスに場所を入力し、送信ボタンをクリックします。このボタンは、下のコードを呼び出して、ユーザーが指定した住所をLatLng座標にジオコードします。Google Maps Geocoderで結果が得られません
$(function(){
$("#searchbox_form #search_button").click(function(){
var address = $("#location").val();
var geocoder = new google.maps.Geocoder();
alert(address);
geocoder.geocode({ 'address': address}, function(results, status) {
alert("123");
if (status == google.maps.GeocoderStatus.OK) {
$("#user_lat").val(results[0].geometry.location.lat);
$("#user_lng").val(results[0].geometry.location.lng);
alert("lat: " + $("#user_lat").val());
alert("lng: " + $("#user_lat").val());
} else {
alert("asdasdasd");
alert(status);
}
});
});
});
しかし、問題があります。コードにalert()
をいくつか入れていることに気付くでしょう。テキストボックスに 'Boston'と入力して送信ボタンをクリックすると、alert("address");
が実行され、Boston
が表示されますが、alert("123")
は実行されません。 どこかに何かが間違っていましたか?