1

Rails 3.2.13、ruby 1.9.3p374、Gmaps4rails 1.5.6 を使用。

私は、最初はかなり簡単だと思っていたことに苦労していました。クリックすると特定のパスにリダイレクトされ、そのパスを同じウィンドウにロードするマーカーを表示したいのです。

Gmaps4rails の説明には、そのための簡単なオプションはありません。だから私はウェブを検索するのに数え切れないほどの時間を費やし、ここ StackOverflow のどこで見つけた 2 つのベスト ヒット:これは正しい道のように思えますが、これも役に立ちそうです。

最終的に、私のコントローラーは次のようになります。

@gmapsjson = current_user.houses.all.to_gmaps4rails do | house, marker |
  marker.title house.reference
  marker.json({:link => polymorphic_url(house, :routing_type => :path)})
end

これは正しく(私が思うに)処理されたhtmlで次を生成しています:

<script src="//maps.google.com/maps/api/js?v=3.8&amp;sensor=false&amp;client=&amp;key=&amp;libraries=geometry&amp;language=&amp;hl=&amp;region=" type="text/javascript"></script>

<script type="text/javascript">
  Gmaps.map = new Gmaps4RailsGoogle();
  Gmaps.load_map = function() {
    Gmaps.map.map_options.auto_zoom = false;
    Gmaps.map.map_options.zoom = 3;
    Gmaps.map.initialize();
    Gmaps.map.markers = [{"title":"First House","link":"/houses/1","lat":-3.4671425,"lng":12.5264373},{"title":"Second House","link":"/houses/2","lat":-4.5543296,"lng":-3.4151647}];
    Gmaps.map.create_markers();
    Gmaps.map.adjustMapToBounds();
    Gmaps.map.callback();
 };
 Gmaps.oldOnload = window.onload;
  window.onload = function() { Gmaps.triggerOldOnload(); Gmaps.loadMaps(); };
</script>

適切な場所にマーカーが表示されます。しかし今、その最初の関連参照で説明されていることを解釈して、ビューに直接入力し、結果の HTML で Gmaps4Rails ダンプが他のすべての JavaScript の下に表示されるようにします。

<script type="text/javascript">
  function redirect_to(url) {
    window.location = url
  };
  Gmaps.callback = function() {
    for (var i = 0; i < Gmaps.map.markers.length; ++i) {
      google.maps.event.addListener(Gmaps.map.markers[i].google_object, 'click', redirect_to(Gmaps.map.markers[i].link));
  }
};
</script>

しかし今、ページをロードするたびに、Firefox の JavaScript コンソールに次のように表示されます。

TypeError: Gmaps[load_function_name] is not a function

for (key in Gmaps) {
  value = Gmaps[key];
  searchLoadIncluded = key.search(/load/);
  if (searchLoadIncluded === -1) {
    load_function_name = "load_" + key;
    _results.push(Gmaps[load_function_name]());         <=== Points to this line
  } else {
    _results.push(void 0);
  }
} 

それで、何が間違っているかについてのアイデアはありますか?

前もって感謝します、

マルコ

4

1 に答える 1