在谷歌地图标记中显示jSON数据

我想在谷歌地图中显示几个标记。 每个标记都有一个包含一些信息的弹出窗口。 我通过数据库获取信息。 但我没有在弹出窗口中获取信息:

的JavaScript / jQuery的:

 var info = ""; $(function() { $.getJSON("http://server:8080/getInfo", function(data) { $.each(data, function(i, f) { info = "" + " Info: " + f.address + " / " + f.date + "" + ""; $(info).appendTo("#info"); }); }); }); var contentString2 = '
'+ '

Barcelona

'+ '
' +info+ '
'+ '

Contact '+ '

'+ '
'; // marker var parkingList = [ ['Spain', contentString1, 41.469326, 1.489334, 1], ['Barcelona', contentString2, 41.353812, 2.157440, 2] ],...

现在,我有问题:

  1. 如何将json中的数据插入contentString?
  2. 如何创建一个包含json数据的变量,并且可以在整个JavaScript中使用,而不仅仅是在getJSON函数中?

1)你可以在调用函数之前声明一个变量来拉json并在你的脚本中的任何地方使用它。 请注意,只有在getJson之后才会为其赋值。

2)我已经展示了如何将数据从json插入到contentString中的示例。

 var alldata,contentString = ""; $(function() { $.getJSON("http://server:8080/getInfo", function(data) { alldata = data; //stores json $.each(data, function(i, f) { contentString += "" + " Info: " + f.address + " / " + f.date + "" + ""; $(contentString).appendTo("#info"); }); }); });