1

Jquery Mobile ページに、ユーザーが開始場所と目的地を挿入できるフォームがあります。

これらの値は localstorage 内に保存されます。今、私は次のように入力を操作しようとしています:

入力ボックスに（たとえば）「current」と入力すると、ユーザーの場所は「current」という単語の代わりに localstorage-database 内に配置されます。

ユーザーの場所を取得するために、このスクリプトを既に作成しました。

var geocoder;

 if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
} 
//Get the latitude and the longitude;
function successFunction(position) {
var lat = position.coords.latitude;
var lng = position.coords.longitude;
codeLatLng(lat, lng)
}

function errorFunction(){
alert("Geocoder failed");
}

function initialize() {
geocoder = new google.maps.Geocoder();
 }

function codeLatLng(lat, lng) {

var latlng = new google.maps.LatLng(lat, lng);
geocoder.geocode({'latLng': latlng}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
    console.log(results)
        if (results[1]) {
        //formatted address
        document.getElementById('formatedAddress').innerHTML = results[0].formatted_address;
        //find country name
            for (var i=0; i<results[0].address_components.length; i++) {
            for (var b=0;b<results[0].address_components[i].types.length;b++) {

                //there are different types that might hold a city admin_area_lvl_1 usually does in come cases looking for sublocality type will be more appropriate
                if (results[0].address_components[i].types[b] == "administrative_area_level_1") {
                //this is the object you are looking for
                city= results[0].address_components[i];
                break;
                }
            }
        }
    }
    }
}
);
}

2 つの入力フィールド:

<label for="start">Startlocation:</label>
<input type="text" name="start" value="" id="start"/>

<label for="destination">Destination:</label>
<input type="text" name="destination" value="" id="destination"/>

私は javascript と jQuery に非常に慣れていないので、問題の解決策が見つからないようです。誰かが私を助けてくれることを願っています。ありがとう！

4

1 に答える 1

0 
var start = document.getElementById('start').value;

if (start == 'current') {
    //set lat & long to current
}
else {
    //read lat & long from input fields
}

このちょっとしたロジックは、あなたが求めているものであることが証明されるかもしれませんが、UX が非常に重要であり、「現在の場所を使用する」ボタンがユーザーにとってより便利であることが判明する可能性があるという論理的な Chimpに同意する傾向があります。

于 2012-11-08T20:49:59.453 に答える