Google지도 infoWindow 콘텐츠의 변수가 잘못되었습니다.

Question

정보창이 있는데 변수에서 데이터를 가져 오려고하지만이 코드는 실행할 때마다 계속 실패합니다. 변수없이

,이 코드는 잘 작동 :

content: "<button onClick="MyObject.joinevent(this.id);" id='"+mid+"' class="join btn btn-primary pull-right">Join Event</button><br/><hr/>"+"<b>Event Title</b> "+eventtitle+"<br/>"+"<b>Event Time</b> "+eventtime+"<br/>"+"<b>Event Duration</b> "+eventduration+"<br/>"+"<b>Event Category</b> "+eventcategory 

내가 변수에 콘텐츠를 할당하는 경우 :

var infoWindow = new google.maps.InfoWindow({ 
var kontent = '"<button onClick="MyObject.joinevent(this.id);" id='"+mid+"' class="join btn btn-primary pull-right">Join Event</button><br/><hr/>"+"<b>Event Title</b> "+eventtitle+"<br/>"+"<b>Event Time</b> "+eventtime+"<br/>"+"<b>Event Duration</b> "+eventduration+"<br/>"+"<b>Event Category</b> "+eventcategory'; 

content: kontent 
      }); 

을 내가 라인에 Unexpected token 오류가 var kontent = ...

어떻게 내 문제를 해결할 수 있습니까?

Answer 1

infowindows을 : 정보창의 생성자는 정보 창을 표시하기위한 초기 매개 변수를 지정하는는 InfoWindowOptions는 개체 리터럴합니다.

var infoWindow = new google.maps.InfoWindow({ 
     var kontent = '"<button onClick="MyObject.joinevent(this.id);" id='"+mid+"' class="join btn btn-primary pull-right">Join Event</button><br/><hr/>"+"<b>Event Title</b> "+eventtitle+"<br/>"+"<b>Event Time</b> "+eventtime+"<br/>"+"<b>Event Duration</b> "+eventduration+"<br/>"+"<b>Event Category</b> "+eventcategory'; 

     content: kontent 
}); 

에 :

var kontent = '"<button onClick="MyObject.joinevent(this.id);" id=' 
     "+mid+" 
     ' class="join btn btn-primary pull-right">Join Event</button><br/><hr/>"+"<b>Event Title</b> "+eventtitle+"<br/>"+"<b>Event Time</b> "+eventtime+"<br/>"+"<b>Event Duration</b> "+eventduration+"<br/>"+"<b>Event Category</b> "+eventcategory'; 

var infoWindow = new google.maps.InfoWindow({ 
     content: kontent 
}); 

이 의미

, 당신은이를 변경해야

Answer 2

InfoWindow는 해시를받습니다. 당신이 원하는대로 그것을 사용하여 변수 외부를 정의

var kontent = "<button onClick="MyObject.joinevent(this.id);" id='"+mid+"' class="join btn btn-primary pull-right">Join Event</button><br/><hr/>"+"<b>Event Title</b> "+eventtitle+"<br/>"+"<b>Event Time</b> "+eventtime+"<br/>"+"<b>Event Duration</b> "+eventduration+"<br/>"+"<b>Event Category</b> "+eventcategory; 
var infoWindow = new google.maps.InfoWindow({ 
content: kontent 
      });