我地图上的每个标记都有一个信息窗口。
如果我使用Infobox插件构建infowindow,其中的远程链接将操作处理为“HTML”而不是“JS”。
当我删除infoboxBuilder时,我应该确保一切正常(我的意思是,操作处理为“JS”)。
我的代码:
var handler = Gmaps.build('Google', {builders: { Marker: InfoBoxBuilder} });
# In the Infowindow : <%= link_to "More", voir_infos_path(t), :remote => true %>
# Log : Started GET "/voir_infos/545e1dd382cd47db98000bb9" for 127.0.0.1 at 2014-12-04 23:10:56 +0100
Processing by ObjetsController#voir_infos as HTML
但是当我删除InfoBoxBuilder时:
var handler = Gmaps.build('Google');
# Same code in Infowindow : <%= link_to "More", voir_infos_path(t), :remote => true %>
# Log : Started GET "/voir_infos/545e23ae82cd47e5ac000542" for 127.0.0.1 at 2014-12-04 23:13:53 +0100
Processing by ObjetsController#voir_infos as JS
这里是我在stackoverflow上找到的infoboxbuilder.js.coffee
:
class @InfoBoxBuilder extends Gmaps.Google.Builders.Marker # inherit from base builder
# override method
create_infowindow: ->
return null unless _.isString @args.infowindow
boxText = document.createElement("div")
boxText.setAttribute("class", 'yellow') #to customize
boxText.innerHTML = @args.infowindow
@infowindow = new InfoBox(@infobox(boxText))
@bind_infowindow()
infobox: (boxText)->
content: boxText
boxClass: "infoBox box-shadow"
pixelOffset: new google.maps.Size(-140, -380)
closeBoxURL: ""
boxStyle:
width: "280px"
我怎么能让它起作用? 感谢
修改
我在每个Infowindow中都有这个链接:<%= link_to "More", voir_infos_path(t), :remote => true %>
它应该将ObjetsController#voir_infos作为“JS”处理,不是吗?
当我使用Infobox插件显示infowindow时(使用此部分代码:builders: { Marker: InfoBoxBuilder}
并单击“更多”,:remote => true
不起作用,并且ObjetsController#voir_infos被处理为“ HTML“而不是”JS“。
当我删除builders: { Marker: InfoBoxBuilder}
时,一切正常,当我点击“更多”时,ObjetsController#voir_infos被处理为“JS”。
编辑2:
为Infowindow生成的HTML:
<div class="infoBox box-shadow" style="width: 280px; position: absolute; visibility: visible; left: 132.270229334012px; top: 72.179231562186px; cursor: default;"><div class="yellow"><div class="row iw-content">
<div>
<img src="/covers/max_creer/missing.png">
</div>
<div class="small-12 columns">
<div class="row">
<div class="small-12 columns">
<h6> Maison Bloc </h6>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<a href="/voir_infos/545e1de582cd47db98000d91" data-remote="true">More</a>
</div>
</div>
</div>