Google maps 自定义Google place搜索返回带有$.ajax（）的错误

我在谷歌网站上工作

将api密钥添加到此url后

在浏览器中提供了非常好的json响应，但每当我想用JQuery.Ajax（）解析这些响应时，它都会给我错误信息

我找不到这个错误背后的原因。我怎样才能解决这些问题？谢谢

JS:

$（文档）.ready（函数（）{
$（“#提交”）。单击（功能（事件）{
变量url=”https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522151.1957362&radius=500&types=food&name=harbor&sensor=false&key=“；
$.ajax({
url:url，
类型：'POST'，
数据类型：“json”，
成功：功能（数据）
{
警惕（“成功”）；
},
错误：函数（）{
警报（“错误”）；
}
});
});
});

Html:

按

无法通过AJAX访问链接的ressource，因为访问受到同源策略的限制，并且不支持JSONP

使用javascript places库的属性在客户端获取结果。

数据类型：“jsonp”

---

这对我来说很有用

谢谢。有完整的例子吗？请

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true&libraries=places"></script>


 <script type="text/javascript">

    $(document).ready(function() {
        $("#submit").click(function(event){
            var url="https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&radius=500&types=food&name=harbour&sensor=false&key=<myKey>";

            $.ajax({
                url: url,
                type:'POST',
                dataType: 'json',
                success: function(data)
                {
                    alert("success");

                },
                error:function(){
                    alert("error");
                }
            });

        });
    });

</script>

<button id="submit">press</button>