Question

由于输入字段未与Google API通信，我的jsFiddle效果不佳。如何让这个工作？

var enteredAddress = $('#entered-address').val();
var geocodingAPI = "http://maps.googleapis.com/maps/api/geocode/json?address=" + enteredAddress + " Boise ID&sensor=true";

$.getJSON(geocodingAPI, function (json) {

    // Set the variables from the results array
    var address = json.results[0].formatted_address;  
    var latitude = json.results[0].geometry.location.lat;    
    var longitude = json.results[0].geometry.location.lng;

    // Set text in html
    $('#address').text(address);
    $('#latitude').text(latitude);
    $('#longitude').text(longitude);
});

Answer 1

首先，您的网址http://maps.googleapis.com/maps...正在使用HTTP协议，但JSFiddle使用HTTPS协议。 AJAX请求必须使用相同的协议，否则它是安全违规！

要执行协议相对网址，请使用http://替换Google地图网址中的//。

其次，您没有按钮可点击以使其正常工作！你期望它如何运作？

第三，您的Google地图网址有address= Boise ID，其中有两个空格。将其替换为%20Boise%20ID。

最后，你根本不需要那个Boise ID的东西！去掉它！如果保留它，则该位置将始终为Boise，ID，如果用户键入某个位置，则其他任何内容都不起作用。

如何提交设置变量的输入？

1 个答案: