通过ajax（）请求获取Google Maps API的地址坐标

我试图通过下一个示例http://jsbin.com/inepo3/7/edit获取Google Maps API的lng和lat坐标。 我期待一个“成功”弹出窗口，但它会一直显示“错误”弹出窗口。 谷歌地图请求提供了正确的json反馈（由firebug检查）。

 $().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"); });  

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

此致，Guido Lemmens

编辑

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

  $().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 + "
longitude:" + lng1 + "
"); }); });  

Answer 1

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

JSONP和谷歌地图API Geocoder Plus修复w / jQuery

---

获取地理编码的另一种方法是使用Google Map V3 API地理编码服务 。 这是一个例子，我帮助一个有类似问题的人替换他的JSONP以使用谷歌地图V3地理编码服务。 看看这个JSFiddle演示：

这基本上是核心。 我们基本上使用twitter来获取推文的地址（IE。伦敦，马德里或乔治亚等），并使用Google Map的地理编码服务将实际地址转换为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 + "
from: " + user1name + " (" + user1Location + ")
"); //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 + "
longitude:" + lng1 + "
"); }); });