使用Google API

时间:2015-10-28 02:40:54

标签: javascript jquery

我正在使用外部脚本加载地图,并且有一个按钮可以使用邮政编码找到确切的位置。问题是如何使用Javascript从一个函数发送到另一个函数?

第一个函数,其中的邮政编码如下:

function findLocation(){
    var x = document.getElementById("postcode_car_park");
    getLocation();

    function getLocation(){
        if (navigator.geolocation){
            navigator.geolocation.watchPosition(reverseGeoLookup);
        }
        else{
            x.innerHTML = "Geolocation is not supported by this browser.";
        }
    }

    function reverseGeoLookup(position) {
        console.log(position);
        var lat = position.coords.latitude;
        var lon = position.coords.longitude;
        var req = new XMLHttpRequest()
        req.open("GET", "http://maps.googleapis.com/maps/api/geocode/json?latlng="+lat+","+lon+"&sensor=true", true)
        req.onreadystatechange = function() {
            if(req.readyState == 4) {
                var result = JSON.parse(req.response).results
                for(var i = 0, length = result.length; i < length; i++) {
                    for(var j = 0; j < result[i].address_components.length; j++) {
                        var component = result[i].address_components[j]
                        //console.log(component.long_name);
                        if(~component.types.indexOf("postal_code")) {
                            var out = document.getElementById('postcode_car_park');
                            out.style.display= "block";
                            out.innerHTML = "<b>" + component.long_name + "</b>";
                            return false;
                        }
                    }
                }
            }
        }
        req.send();

    }

}

我要从第一个发送component.long_name的其他功能如下:

function automaticMap(){
    $("<script />", {
        "id":"scripting",
        "data-location":"http://en.parkopedia.co.uk/parking/" + postcode,
        "data-options":"l=0&tc=0&zc=1&country=UK&ts[]=4&ts[]=3&ts[]=2",
        "data-size":"650:400",
        "src":"mapView.js",
        "type":"text/javascript"
    }).appendTo("#map")
}

我知道这很容易,但我一直在论坛中搜索,我不知道如何发送变量并加载地图,因为我使用了很多方法而且不起作用。主要问题是在第一个函数中有很多循环,变量在所有循环中,因此我不知道如何访问。

1 个答案:

答案 0 :(得分:1)

如果我正确理解您的问题,一种方法是让reverseGeoLookup()只返回component.long_name。然后将该值存储在变量中,并将其作为参数传递给automaticMap()

所以var component_long_name = reverseGeoLookup(position)然后是automaticMap(component_long_name)