javascript - javascript 中的谷歌地图 api 客户端 json

Question

所以我确信有一个简单的解决方案可以解决我的问题，但我似乎找不到答案。我有一个应用程序，有两个用户将 map 标记放置到谷歌地图上(他们可以看到彼此的标记)。我想找到平均纬度和经度，然后使用 Places API 获取包含该平均值附近位置的 JSON，以便用户可以做出中间选择。

我的问题是在获取 JSON 时发生的。因为它是跨域的，所以我不能只使用 AJAX 调用(并且 API 不支持 jsonp)。所以我希望用 javascript 来做这个客户端。有很多教程介绍如何在屏幕上显示实际 map 时使用 Places API，那么如果没有 map 且只有 JSON 数据，我该如何执行此操作呢？

我的应用程序使用 JavaScript、JQuery 和 Java(Jersey REST 服务)。我读到有一些方法可以设置跨域调用，但这些似乎都适用于 PHP。

Answer 1

If your application displays Places API data on a map, that map must be provided by Google.

If your application displays Places API data on a page or view that does not also display a Google Map, you must show a "Powered by Google" logo with that data. For example, if your application displays a list of places on one tab, and a Google Map with those places on another tab, the first tab must show the "Powered by Google" logo.

The following ZIP file contains the "Powered by Google" logo in the correct sizes for desktop, Android and iOS applications. You may not resize or modify these logos in any way.

Download: powered-by-google.zip

请阅读此处:https://developers.google.com/maps/documentation/javascript/places#LogoRequirements

要使用 Places 库，只需在 API 调用中包含该库，并为 Places 服务提供 HTML 元素而不是 map 对象即可:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>

代码:

var request = {
    location: new google.maps.LatLng(52.48,-1.89),
    radius: '500',
    types: ['store']
};

var container = document.getElementById('results');

var service = new google.maps.places.PlacesService(container);
service.nearbySearch(request, callback);

function callback(results, status) {

    if (status == google.maps.places.PlacesServiceStatus.OK) {

        for (var i = 0; i < results.length; i++) {

            container.innerHTML += results[i].name + '<br />';
        }
    }
}

JSFiddle demo