Java 使用googleapi从Json获取地名_Java_Javascript_Ajax_Html

Java 使用googleapi从Json获取地名

java javascript ajax html

Java 使用googleapi从Json获取地名,java,javascript,ajax,html,Java,Javascript,Ajax,Html,当我运行这段代码时，我会看到一个空白屏幕，什么也没有显示。我必须做些什么更改才能使其正确，我会出什么问题 <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script> <script> $(document).ready(function() {

当我运行这段代码时，我会看到一个空白屏幕，什么也没有显示。我必须做些什么更改才能使其正确，我会出什么问题

     <html>
     <head>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script> 
   <script>
   $(document).ready(function() {
   $.getJSON("https://maps.googleapis.com/maps/api/place/search/json?location=-33.8670522,151.1957362&radius=500&types=food&name=harbour&sensor=false&key=AIzaSyC1BIAzM34uk6SLY40s-nmXMivPJDfWgTc",
  function(data, textStatus){
alert(data);
  $.each(data.results,function(i, name) {;
   $("#placenames").append(i+':'+name.vicinity+'<br/>');
 });
});
});
 </script>
 </head>
  <body> 
  <div id="placenames"></div>
  </body>
  </html>


$（文档）.ready（函数（）{
$.getJSON（“https://maps.googleapis.com/maps/api/place/search/json?location=-33.8670522151.1957362&radius=500&types=food&name=harbor&sensor=false&key=AIzaSyC1BIAzM34uk6SLY40s nmXMivPJDfWgTc“，
功能（数据、文本状态）{
警报（数据）；
$.each（data.results，function（i，name）{；
$（“#地名”）.append（i+'：'+name.neighborary+'
）；
});
});
});

您必须添加此查询字符串，以便将其解析为jsonp:

&callback=?

有关更多信息，请参阅此博客帖子：

谷歌API目前不支持jQuery get/getJSON的回调/JSONP

要加载async，您需要执行以下操作：

function loadScript() {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "http://maps.googleapis.com/maps/api/js?sensor=false&callback=initialize";
  document.body.appendChild(script);
}

您试过使用吗？它为您完成所有JSONP工作

这是一个带坐标的演示：

脚本：

var places=new google.maps.places.PlacesService（document.createElement（'div'）），
搜索请求={
名称:"海港",，
地点：新google.maps.LatLng（-33.8670522151.1957362），
半径：500，
种类：[“食物”]
};
搜索（搜索请求、功能（结果、状态）{
var html=''；
对于（var index=0；index'
+''+结果[索引]。名称+''
+''+结果[索引]。附近+''处
+“”；
};
document.getElementById（'results'）.innerHTML=html；
} );

HTML:

输出：

你好，马修。如何添加&callback=？你给我写样品，我看这个好吗？“？”是的，没错。只需将其添加到url的末尾。如果这对你有效，请接受这个正确的答案：）。但是谷歌API现在不支持回调/JSONP，你是什么意思？Google Maps Javascript API（）使用JSONP。@ThinkingStiff-请给我一个例子，说明您在哪里使用jQuery getJSON或任何其他ajax从Goole API v3 Cool获取JSON文件-您是如何获得您的签名的？-现在我澄清了我不支持JSONP的意思。Thanks@mplungjan签名位于HTML部分的下方。我每次都是手工做的。否决票被删除。谢谢你提供的信息：）我能窃取这个想法吗？附言：你的回答比我的更详细mine@mplungjan当然可以请把署名留在那里。不知道为什么OP选择了我的答案，然后切换到了你的答案，但有时候是这样的。情况正好相反。我比你早几分钟回答，当你给出更详细的回答时，我建议他转而回答你的问题。