jbuilderで複数のレイヤーを構築する

グレッグ

ポイントのレイヤーとラインのレイヤーがあります。レイヤはjbuilderによって作成され、Leafletがそれを表示します。レイヤーを個別に作成して表示することはできますが、一緒に表示することはできません。1つのレイヤーの場合、map.jsこれは部分的にあります

var featureLayer = L.mapbox.featureLayer()
                  .loadURL('map/map_data.geojson')
                  .addTo(map);
featureLayer.on('ready', function(e) {
  map.fitBounds(featureLayer.getBounds());
});

map_controller.rb

def map_data
  start   = '1895-01-01'
  start   = start.to_date
  finish  = (start + 3.year)
  @lines =  RestoResidLine.where(resto_date: start..finish).select("id, person_id, resto_loc_id, resid_loc_id, resto_name, resto_date, title_resto, resid_date, title_resid, long_resto, lat_resto, long_resid, lat_resid")
end

map_data.json.jbuilder

json.type "FeatureCollection"
json.features @lines do |line|
  if (line.long_resto && line.long_resid)
    json.type "Feature"
    json.geometry do
        json.type "LineString"
       json.coordinates [[line.long_resto, line.lat_resto], [line.long_resid, line.lat_resid]]
    end
  end 
end 

map_data.jsonはに利用可能になりmap.jsます。しかし、私はこれらすべてがどのように組み合わされるかというRailsの魔法を理解していません。

ポイントのある2番目のレイヤーが必要です。最初に、コントローラーに2番目のjson.features @points do |line|...end呼び出し@lines追加してみました。しかし、最後のものだけが表示されます。連結するのではないかと思いました。@ ...の定義を変更して、必要なすべての情報を取り込むことができるので、それが1つの解決策になります。しかし、論理は醜いでしょう。

そこで、別のファイルpoint_data.json.jbuilder作成してに追加してみましたmap.js

var featureLayer = L.mapbox.featureLayer()
                  .loadURL('map/point_data.geojson')
                  .addTo(map);

確かにpoint_data.jsonがビルドされますが、これは2400行のhtml<title>Action Controller: Exception caught</title>です。map_data.json正しく構築されて表示されます。

これは命名の問題ですか?または?私はRails、ActiveRecord、JavaScriptLeafletにかなり慣れていません。

コード:https//bitbucket.org/MtnBiker/crores5/サイトをアップロードして、(動作していない)動作を確認できるようにします。Herokuに正しく読み込まれません。

これはそれほど難しいことではありません。ありがとうございました。

グレッグ

私はpoint_dataを見つけるためのルートを設定していなかったので、どうやらjbuilderがそれを必要としていたようです。

get 'map' => 'map#index'
get 'map/map_data',   :defaults => { :format => 'json' }
get 'map/point_data', :defaults => { :format => 'json' }
get 'map/line_data',  :defaults => { :format => 'json' }

最初の2つはすでに存在していましたが、後の2つを追加するのを忘れました。私は現在、後者の2つを使用しています。最初はオリジナルでした、そして私はそれをこれらの2つに分けました。

マップがHerokuとlocalhostで異なる動作をするときに、助けになったのは掘り下げたことです。

この作品を忘れてしまった。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

TensorFlowで固定の重みでレイヤーを構築する

分類Dev

PythonでカスタムCaffeレイヤーを構築する

分類Dev

Ruby on RailsでJbuilderを使用してJSONを構築すると、サイズが100を超える単一の配列が複数の配列になります

分類Dev

mapbox-gl-leafletで複数のレイヤーを使用する

分類Dev

OpenLayers3で複数のレイヤーを事前構成します

分類Dev

SAMを使用してカスタムPython関数でAWSLambdaレイヤーを構築する

分類Dev

レイヤーからDockerイメージを構築する

分類Dev

既存のレイヤーファイルに対してDojoレイヤーを構築するにはどうすればよいですか?

分類Dev

ケラスレイヤーの出力を再構築する方法は?

分類Dev

Scikit-image用のカスタムAWSLambdaレイヤーを構築する

分類Dev

実行時に複数のホイールを構築する

分類Dev

コンテナが同じレイヤーを構築し続けるのはなぜですか?

分類Dev

複数の条件でループを構築する

分類Dev

R で複数のシリーズ (「mts」) を構築する

分類Dev

複数のdockerfileから複数のイメージを構築する

分類Dev

複数のマーカーでレイヤーを更新するMapboxGL setData

分類Dev

データの複数のレイヤーを表示するItemsControl

分類Dev

単一のID認証レイヤーで複数のWebAPIを認証する

分類Dev

ggplotで複数のレイヤーを持つ美学を使用する

分類Dev

ggprotoを操作して複数のレイヤーを取得する

分類Dev

ConvLSTMモデルで複数のレイヤーを使用する方法

分類Dev

複数のレイヤーでポップアップを表示する-openlayers

分類Dev

ggplot2で複数のレイヤーをプロットする

分類Dev

複数のサイトで動作するCucumberフレームワークを構築するにはどうすればよいですか?

分類Dev

Kerasで複数のレイヤーに接続する

分類Dev

イメージの特定のレイヤーからDockerイメージを構築する

分類Dev

Keras:複数のLSTMレイヤーをスタックする

分類Dev

複数のデータ型で大規模なデータフレームを再構築する

分類Dev

3番目のパラメーターで決定された順序で2つの画像をマージするレイヤーを構築する方法

Related 関連記事

  1. 1

    TensorFlowで固定の重みでレイヤーを構築する

  2. 2

    PythonでカスタムCaffeレイヤーを構築する

  3. 3

    Ruby on RailsでJbuilderを使用してJSONを構築すると、サイズが100を超える単一の配列が複数の配列になります

  4. 4

    mapbox-gl-leafletで複数のレイヤーを使用する

  5. 5

    OpenLayers3で複数のレイヤーを事前構成します

  6. 6

    SAMを使用してカスタムPython関数でAWSLambdaレイヤーを構築する

  7. 7

    レイヤーからDockerイメージを構築する

  8. 8

    既存のレイヤーファイルに対してDojoレイヤーを構築するにはどうすればよいですか?

  9. 9

    ケラスレイヤーの出力を再構築する方法は?

  10. 10

    Scikit-image用のカスタムAWSLambdaレイヤーを構築する

  11. 11

    実行時に複数のホイールを構築する

  12. 12

    コンテナが同じレイヤーを構築し続けるのはなぜですか?

  13. 13

    複数の条件でループを構築する

  14. 14

    R で複数のシリーズ (「mts」) を構築する

  15. 15

    複数のdockerfileから複数のイメージを構築する

  16. 16

    複数のマーカーでレイヤーを更新するMapboxGL setData

  17. 17

    データの複数のレイヤーを表示するItemsControl

  18. 18

    単一のID認証レイヤーで複数のWebAPIを認証する

  19. 19

    ggplotで複数のレイヤーを持つ美学を使用する

  20. 20

    ggprotoを操作して複数のレイヤーを取得する

  21. 21

    ConvLSTMモデルで複数のレイヤーを使用する方法

  22. 22

    複数のレイヤーでポップアップを表示する-openlayers

  23. 23

    ggplot2で複数のレイヤーをプロットする

  24. 24

    複数のサイトで動作するCucumberフレームワークを構築するにはどうすればよいですか?

  25. 25

    Kerasで複数のレイヤーに接続する

  26. 26

    イメージの特定のレイヤーからDockerイメージを構築する

  27. 27

    Keras:複数のLSTMレイヤーをスタックする

  28. 28

    複数のデータ型で大規模なデータフレームを再構築する

  29. 29

    3番目のパラメーターで決定された順序で2つの画像をマージするレイヤーを構築する方法

ホットタグ

アーカイブ