Mapboxを使う時にrailsでgeojson形式のデータに変換してJavescriptに変数で渡したい

Question

以下の参考サイトの様なものを作っています。

参考サイト

このサイトにあるスタジアム上の◯のアイコンについてわからない事があります。
mapbox自体geojsonというデータ・セットを使用しているらしいのですが、今開発しているものをgeojsonの形式に対応していません。
なのでrailsでgeojson形式のデータに変換してjavascriptにデータを引き渡したいです。
railsでjson形式に変換する方法はネットで出てくるのですが。。。。

その上で実現したいことが、
①データベース内に在庫があれば、スタジアム上に◯のアイコンを表示させる用な仕様にする
②左のチケットリストをクリックすると、連動してスタジアムのアイコンや座席に色がつく
といったものです。

それにあたり、
railsでgeojson形式のデータに変換してjavascriotに変数としてデータを引き渡せるのかどうか、その方法
①をやるとしたら、条件分岐などをつかって、データがあればアイコンを表示の様にすればいいのか
②はどのようにやっていけばいいのか

が調べたりコード読んだりしても検討がつきません。。。

もしこの分野に知見がいらっしゃる方、教えて頂ければ幸いです。

Answer 1

railsでgeojson形式のデータに変換してjavascriotに変数としてデータを引き渡せるのかどうか

できそうな感じでは。
Add a GeoJSON polygon | Mapbox

その方法①をやるとしたら、条件分岐などをつかって、データがあればアイコンを表示の様にすればいいのか

おっしゃるとおりだと思います。

②はどのようにやっていけばいいのか

このサンプルが参考になるかもしれません。
Change a layer's color with buttons | Mapbox

Comments

[hiromm]

回答ありがとうございます。
参考として提示して頂いたものをしっかり読み込んでみます。
Add a GeoJSON polygon | Mapbox
こちらはrailsでデータベース内の情報をgeojson形式に変換しているのでしょうか？

それとも例えば、販売チケットの在庫がある / 在庫がある場所にpolygonをつける
この2つが流れとしてあるときに、後者がご提示して頂いたリンクのものかと考えているのですが、
前者の識別にgeojsonなどは絡んでこないのでしょうか？

いつもご丁寧にご回答して頂き助かります。

[Lhankor_Mhy]

railsは未経験なので詳細はご容赦いただきたいが、GeoJSON形式にデータを出力するぐらいのことはできるだろう、との仮定から、GeoJSONの読み込みサンプルを提示しました。
なにかご懸念があるようでしたら、具体的にお示しいただいた方が早いかもしれません。

[Lhankor_Mhy]

一応確認なのですが、その「スタジアム」のベクターデータは存在するんですよね？　ラスターデータをrailsでベクター化してGeoJSONで出力する、というのは骨だと思いますよ。

[hiromm]

ご返信遅くなり申し訳ございません。
スタジアムの画像自体はmapboxで作成し読み込んでおり、それ自体はベクターデータです！
一旦自分でご提示して頂いたものをもとに作成してみます！
また不明点が出てきた場合、ご質問させて頂きます。