Javascript 谷歌地图上的JSON没有显示Infowindow数据

Javascript 谷歌地图上的JSON没有显示Infowindow数据,javascript,jquery,json,google-maps,google-maps-api-3,Javascript,Jquery,Json,Google Maps,Google Maps Api 3,我使用$getJSON方法调用数据。标记在地图上显示得非常完美,但当我单击标记时,它没有显示值。所以,这里是我的JSON数据,它将在服务器中,但我给出了JSON数据的名称和一些代码,以及我的HTML和JavaScript var映射,信息窗口; 函数初始化(){ var mapProp={ 中心:新google.maps.LatLng(28.003389000000,-82.429500000000), 缩放:10, mapTypeId:google.maps.mapTypeId.ROADMA

我使用$getJSON方法调用数据。标记在地图上显示得非常完美,但当我单击标记时,它没有显示值。所以,这里是我的JSON数据,它将在服务器中,但我给出了JSON数据的名称和一些代码,以及我的HTML和JavaScript

var映射,信息窗口;
函数初始化(){
var mapProp={
中心:新google.maps.LatLng(28.003389000000,-82.429500000000),
缩放:10,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=新的google.maps.map(document.getElementById(“map”),mapProp);
$.getJSON('js/file.json',函数(json1){
$.each(json1.ResponseData,函数(键,数据){
var latLng=new google.maps.latLng(data.CoordinateY,data.CoordinateX),
marker=新的google.maps.marker({
位置:latLng,
地图:地图,
标题:data.NatureId
});
});
var clicker=addClicker(marker,data.NatureId);
});
功能添加点击器(标记、内容){
google.maps.event.addListener(标记'click',函数(){
if(infowindow){infowindow.close();}
infowindow=newgoogle.maps.infowindow({content:content});
信息窗口。打开(地图、标记);
});
}
}
google.maps.event.addDomListener(窗口“加载”,初始化)

行:

var clicker = addClicker(marker, data.NatureId); 
在错误的地方。您需要为创建的每个标记(在
.each
函数中)运行该操作

代码片段:

var映射,信息窗口;
函数初始化(){
var mapProp={
中心:新google.maps.LatLng(28.003389000000,-82.429500000000),
缩放:10,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=新的google.maps.map(document.getElementById(“map”),mapProp);
//$.getJSON('js/file.json',函数(json1){
$.each(jsonData.ResponseData,函数(键,数据){
var latLng=new google.maps.latLng(data.CoordinateY,data.CoordinateX),
marker=新的google.maps.marker({
位置:latLng,
地图:地图,
标题:“+data.NatureId”
});
console.log(latLng.toulvalue(6)+“:”+data.NatureId)
var clicker=addClicker(标记“”+data.NatureId);
});
//  });
功能添加点击器(标记、内容){
google.maps.event.addListener(标记'click',函数(){
如果(信息窗口){
infowindow.close();
}
infowindow=新建google.maps.infowindow({
内容:内容
});
信息窗口。打开(地图、标记);
});
}
}
google.maps.event.addDomListener(窗口“加载”,初始化);
var jsonData={
“OpperationErrorMsg”:“,
“IsSuccess”:正确,
“结果”:1000,
“时间戳”:“2016-10-12T18:00:07.0232702Z”,
“Echo”:空,
“疯狂盒子”:没错,
“调试消息”:[
],
“丢失详细信息”:[
],
“响应数据”:[{
“CallTimeLocal”:“2016-10-10T06:28:48.7330000”,
“IncidentId”:3374,
“意外数字”:“HC2016004034”,
“通话时间”:“2016-10-10T10:28:48.7330000”,
“ElapsedSeconds”:0,
“位置”:“汉纳大道2712号E”,
“BuildingName”:空,
“BuildingNumber”:空,
“自然人”:6743,
“火力”:1,
“协调人”:-82.429500000000,
“协调人”:28.003389000000
}, {
“CallTimeLocal”:“2016-10-10T11:28:36.7000000”,
“IncidentId”:3382,
“意外数字”:“HC2016004042”,
“通话时间”:“2016-10-10T15:28:36.7000000”,
“ElapsedSeconds”:0,
“位置”:“阿波罗海滩大道S 1220号”,
“BuildingName”:“阿波罗海滩码头”,
“BuildingNumber”:空,
“自然人”:8035,
“火力”:1,
“协调人”:-82.422369000000,
“协调人”:27.781254000000
}, {
“CallTimeLocal”:“2016-10-10T14:29:59.8830000”,
“IncidentId”:3387,
“意外数字”:“HC2016004047”,
“通话时间”:“2016-10-10T18:29:59.8830000”,
“ElapsedSeconds”:0,
“位置”:“谢尔顿伍德路9600号”,
“BuildingName”:空,
“BuildingNumber”:空,
“自然人”:6420,
“火力”:12,
“协调人”:-82580530000000,
“协调人”:28.034779000000
}, {
“CallTimeLocal”:“2016-10-10T15:27:37.7270000”,
“IncidentId”:3389,
“意外数字”:“HC2016004049”,
“通话时间”:“2016-10-10T19:27:37.7270000”,
“ElapsedSeconds”:0,
“地点”:“加拉赫路4691号”,
“建筑名称”:“草莓佳洁士高中”,
“BuildingNumber”:空,
“自然人”:7873,
“火力”:2,
“协调人”:-82.236450000000,
“协调人”:28.02123000000
}],
“CurrentStatusData”:空
};
html,
身体,
#地图{
身高:100%;
宽度:100%;
边际:0px;
填充:0px
}

$.each(jsonData.ResponseData, function(key, data) {
  var latLng = new google.maps.LatLng(data.CoordinateY, data.CoordinateX),
  var marker = new google.maps.Marker({
      position: latLng,
      map: map,
      title: ""+data.NatureId
  });
  var clicker = addClicker(marker, ""+data.NatureId);
});