谷歌在javascript中映射api客户端json答案

【问题标题】：Google maps api client side json in javascript谷歌在javascript中映射api客户端json
【发布时间】：2014-11-24 19:04:36
【问题描述】：

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

获取 JSON 时出现问题。因为它是跨域的，所以我不能只使用 AJAX 调用（而且 API 不支持 jsonp）。所以我希望在javascript中做这个客户端。有很多教程介绍了如何在屏幕上显示实际地图时使用 Places API，那么如果没有地图和 JSON 数据，我怎么能做到这一点？

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

【问题讨论】：

标签： javascript jquery json google-maps google-maps-api-3

【解决方案1】：

如果您的应用程序在地图上显示 Places API 数据，则该地图必须由 Google 提供。

如果您的应用程序在不显示 Google 地图的页面或视图上显示 Places API 数据，则您必须显示带有该数据的“Powered by Google”徽标。例如，如果您的应用程序在一个选项卡上显示地点列表，并在另一个选项卡上显示包含这些地点的 Google 地图，则第一个选项卡必须显示“Powered by Google”徽标。

以下 ZIP 文件包含尺寸正确的“Powered by Google”徽标，适用于桌面、Android 和 iOS 应用程序。您不得以任何方式调整或修改这些徽标的大小。

下载：powered-by-google.zip

在这里阅读：https://developers.google.com/maps/documentation/javascript/places#LogoRequirements

要使用 Places 库，只需在 API 调用中包含该库，并为 Places Service 提供一个 HTML 元素而不是地图对象：

<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

【讨论】：

啊，非常感谢。使用此设置是否可以获得下一页结果？
是的。一切都在documentation 和example 中。