如何使用AJAX获取带有'placeid'的Google地图网址?

时间:2017-05-11 07:17:42

标签: javascript jquery json ajax google-maps

我有一个URL,我可以在浏览器上打开并查看JSON数据。 URL看起来像这样:

https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJZeH1eyl344kRA3v52Jl3kHo&key=API_KEY_HERE

现在当我尝试使用jQuery AJAX访问它时,我没有得到任何结果,而是出现错误。

我的AJAX调用看起来像这样:

   $.ajax({
       url: https://maps.googleapis.com/maps/api/place/details/json,
       data: {
           'placeid': 'ChIJZeH1eyl344kRA3v52Jl3kHo',
           'key': 'API_KEY_HERE'
       },
       dataType: 'json',
       success: function(response) {
           alert(JSON.stringify(response));
       },
       error: function(error) {
          alert(JSON.stringify(error));                                                               
       }
   });

1 个答案:

答案 0 :(得分:1)

var API_KEY = api_key;
var placeid = placeid;
var API_URL = `https://maps.googleapis.com/maps/api/place/details/json?placeid=${placeid}&key=${API_KEY}`

$.getJSON(API_URL, {
        tags: placeid,
        tagmode: "any",
        format: "json"
    },
    function(data) {
        alert(data);
    });

如果我正确构建它,这应该是使用url字符串中的placeidapi_key将数据正确发送到api的方式。

然后您使用getJSON代替json,因为我认为您想获得place data?假设你在ajax做了什么。

或许可以进一步解释一下how to get google maps url with place id的含义?希望它可以帮助你:))