0

マップ上の各マーカーには情報ウィンドウがあります。

Infobox プラグインを使用して情報ウィンドウを作成すると、その内部のリモート リンクはアクションを「JS」ではなく「HTML」として処理します。

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

ここでinfoboxbuilder.js.coffee私はstackoverflowで見つけました：

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 プラグインを使用して情報ウィンドウを表示すると (コードのこの部分で : builders: { Marker: InfoBoxBuilder} [その他] をクリックし:remote => trueても機能せず、ObjetsController#voir_infos は「JS」ではなく「HTML」として処理されます。

を削除する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>

4

0 に答える 0