Access-Control-Allow-Origin html5不允许使用null

时间:2013-06-27 14:50:29

标签: json html5 google-api

我正在尝试通过调用API,获取JSON对象然后打印来从GOOGLE API for POI中检索“类型”数据。对URL的调用工作正常并返回一个JSON对象,但每次我尝试访问它,甚至在屏幕上打印它时,我在Chrome控制台上收到错误“Access-Control-Allow-Origin不允许使用Origin null”。我也试过使用$ .getJSON并包含callback =?在URL中,但没有运气...欢迎任何帮助。

<html>
<head>
<meta charset="UTF-8">
<title> Google Geolocation Test </title>
<script src="js/jquery-1.9.1.min.js"></script>

<script>
var url = 'https://maps.googleapis.com/maps/api/place/search/json?location=51.2780637,1.0852839&radius=0.1&sensor=true&key=MYKEY&callback=?';

 $.getJSON(url, function(data) {
    console.log(data);

})

</script>

</head>

<body>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

如果看到很多人遇到过这个问题。 Google显然不允许您使用服务器连接将API用于地图。对于那些只希望使用谷歌地图API检索地点信息的人,谷歌在谷歌提供的JSON中,我推荐使用FourSquare的API,这允许跨平台查询,谷歌地图显然没有。

因此,对于解决方案,您可以使用上面的代码,但用以下代码替换var url的内容:

https://api.foursquare.com/v2/venues/search?ll=40.7,-74&radius=10&oauth_token=YOURKEY&v=20130628&callback=

您可以通过在https://developer.foursquare.com/

上注册来获取密钥和完整代码