Google MapsのinfoWindowの変数に変数がありません

Question

私はinfoWindowを持っていますが、変数からデータを取得したいのですが、このコードは実行しようとする度に失敗します。

変数がなければ、このコードは正常に動作します：

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 
      }); 

どのように私はラインでvar kontent = ...

をUnexpected tokenエラーが出ます私は私の問題を修正する？

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 
      });