Open6

読者コミュニティ |【中級編】MapLibre GL JSを使ったWebGIS作成

しらどしらど

初級編に引き続き、良かったです!!

こういった手引書がない中、手探りでやっていたので、「あぁ、なるほど、こっちの方が良いかも?」というのが沢山ありました!!

いつもありがとうございます!!

あさひなあさひな

しらどさん、嬉しいコメントありがとうございます!
しらどさんの投稿も大変参考になりました!今ここ何番地?での実装も参考にさせていただきました!
ありがとうございます〜!

石橋 龍石橋 龍

めっちゃわかりやすかったです!

レイヤの表示制御とかちょうど調べていたところだったので勉強になりました
ありがとうございました!

テーマの本筋とは少しずれますが、地図関連の参考実装は
プレーンなhtml, jsで書かれていることが多い印象がありますが、
ReactやVueなどで扱うときはそれぞれのラッパーを使うのか、Reactの中にjsでべた書きするのがいいのか悩むことがあります

もしそのあたりの知見あったら教えていただけると幸いです 🙇‍♂️

あさひなあさひな

石橋さん、嬉しいコメントありがとうございます!
今回はMapLibre GL JSの説明に注力したかったのと、画面いっぱいに地図を表示しているので、他のライブラリは使いませんでした。
実務では、ReactやVueと一緒に使うことが多いです。Reactだとreact-map-glというラッパーがあります。私はマップライブラリ単体で事足りるのであまり使わないですが、ラッパーを使えばマップライブラリのお作法をあまりよく知らなくても導入できるので、初学者向けにはいいと思います!

石橋 龍石橋 龍

実務では、ReactやVueと一緒に使うことが多いです。Reactだとreact-map-glというラッパーがあります。

なるほど!
ご回答ありがとうございます!
自分はGIS周りは最近触り始めたばかりで現場感があまりわからず
調べるとプレーンなjsの実装サンプルが多いので、暗黙的に地図の部分でreactやvueはあまり使わないのか?と心配になったりもしてましたw

こちらの記事にもありますが、ラッパーを使うべきなのかそうでないのかってケースバイケースなことが多そうで判断が難しいですよね

場数をこなして、適切な技術選定ができないと突然難しい状況になっちゃったりしそうですね

https://blog.mapbox.com/mapbox-gl-js-react-764da6cc074a

あさひなあさひな

そうですね、サクッと作りたい場合はラッパーを使うと便利ですが、
凝ったことをやろうとするとラッパー側に機能が用意されてなかったり、仕様がラッパー側に制限されたりするので、ラッパーを使わない方がいい場合もあります!
個人的には、deck.glとreact-map-glを使った時にちょっとハマったことあるので、あんまりラッパーは使わないですw
https://qiita.com/asahina820/items/5e3212628184da8e8ee6