Question

使用Googlemap API我只提取了城市名称并将其放在HTML文本框中。我的代码是

<body onLoad = initialize()>   
    <div ><input type="text" id="name"></div>
    <div ><input type="text" id="Cname"></div>
</body>

地理编码

var geocoder;
var split1;

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]) {
                split1 = results[0].formatted_address.split(',');
                //formatted address
                document.getElementById('name').value = split1[1]; //putting only city name

            } else {
                alert("No results found");
            }
        } else {
            alert("Geocoder failed due to: " + status);
        }
    });
}

城市名称显示在“名称”文本框中。现在我想从文本框中复制城市名称字符串，并希望在另一个'脚本函数中用作变量。但它没有发生。我肯定错过了一些东西。

我试过了

function getting(){
   var t = document.getElementById("name").value;
   alert(t);
  }

但它没有警告对话框没有打开。我已经使用console.log但没有显示字符串值。我应该做什么或者我错过了什么。请帮帮我。

Answer 1

由于地理编码是异步的。所以我必须在异步调用范围之间使用响应的字符串变量。在描述的排队中，我已将其更改为

         //formatted address
            document.getElementById('name').value = split1[1];
            var t = document.getElementById("name").value;
            console.log(t);
              //do anything i want

或者直接使用'split1 [1]'作为字符串变量更容易。

城市名称字符串（通过地理位置）作为另一个函数中的变量

1 个答案: