通过 ajax() 请求获取 Google Maps API 的地址坐标

Question

我正在尝试通过下一个示例http://jsbin.com/inepo3/7/edit 获取 Google Maps API 的 lng 和 lat 坐标。我期待一个“成功”弹出窗口，但它一直显示“错误”弹出窗口。 google maps-request 给出了正确的 json 反馈（由 firebug 检查）。

<script type="text/javascript">
    $().ready(function() {

        $.fn.getCoordinates=function(address){

            $.ajax(
            {
                type : "GET",
                url: "http://maps.google.com/maps/api/geocode/json",
                dataType: "jsonp",
                data: {
                    address: address,
                    sensor: "true"
                },
                success: function(data) {
                    set = data;
                    alert(set);
                },
                error : function() {
                    alert("Error.");
                }
            });
        };

        $().getCoordinates("Amsterdam, Netherlands");
    });
</script>

有人知道如何解决这个问题吗？

问候， 圭多·莱蒙斯

编辑

我找到了一个使用结合在 jQuery 中的 Google Maps Javascript API 的 bether 解决方案：

<script type="text/javascript">
    $().ready(function() {
        var user1Location = "Amsterdam, Netherlands";
        var geocoder = new google.maps.Geocoder();
        //convert location into longitude and latitude
        geocoder.geocode({
            address: user1Location
        }, function(locResult) {
            console.log(locResult);
            var lat1 = locResult[0].geometry.location.lat();
            var lng1 = locResult[0].geometry.location.lng();
            $("#testDiv").html("latitude:" + lat1 + "<p>longitude:" + lng1 + "</p>");
        });
    });
</script>

Answer 1

Google Map API V3 使外部库更难使用 JSONP。这是一篇关于它的博客文章。

JSONP and Google Maps API Geocoder Plus A Fix w/ jQuery

---

获取地理编码的另一种方法是使用Google Map V3 API Geocoder Service。这是一个示例，我帮助一个与您遇到类似问题的人替换他的 JSONP 以使用 Google Map V3 Geocoder Service。看看这个JSFiddle Demo:

这基本上是核心。我们基本上使用 twitter 来获取推文的地址（IE. London、Madrid 或 Georgia 等），并使用 Google Map 的 Geocoder Service 将实际地址转换为 LatLng：

$.getJSON(
    url1, function(results) { // get the tweets
        var res1 = results.results[0].text;
        var user1name = results.results[0].from_user;
        var user1Location = results.results[0].location;

        // get the first tweet in the response and place it inside the div
        $("#last-tweet1").html(res1 + "<p>from: " + user1name + " (" + user1Location + ")</p><p>");
        //convert location into longitude and latitude
        geocoder.geocode({
            address: user1Location
        }, function(locResult) {
            console.log(locResult);
            var lat1 = locResult[0].geometry.location.lat();
            var lng1 = locResult[0].geometry.location.lng();
            $("#testDiv").html("latitude:" + lat1 + "<p>longitude:" + lng1 + "</p>");
        });
    });