Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
MapLibreでやっていること・やりたいこと
Search
Ryutaro Iseki
July 15, 2025
0
110
MapLibreでやっていること・やりたいこと
[オンライン開催] MapLibre Meetup Japan #05のイベントで登壇したものです
https://mug-jp.connpass.com/event/359207/
Ryutaro Iseki
July 15, 2025
Tweet
Share
More Decks by Ryutaro Iseki
See All by Ryutaro Iseki
FlutterエンジニアがMapLibreでスタイルをカスタマイズできるまで
iseruuuuu
0
80
Flutterを使用した個人開発でマネタイズ始めました
iseruuuuu
0
220
MapLibreを使用した安全かつ、効果的なマップアプリを作る
iseruuuuu
1
99
Flutter開発が快適になる〇選
iseruuuuu
0
360
FoodGram
iseruuuuu
0
330
FlutterとWeb 3
iseruuuuu
0
340
ネイティブアプリで保存した値を Flutterで取得する方法
iseruuuuu
0
290
あなたの勉強会の登壇の不安を取り除くお手伝いをします
iseruuuuu
0
110
自己紹介_プレゼンテーション
iseruuuuu
0
100
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
860
How STYLIGHT went responsive
nonsquared
100
5.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Automating Front-end Workflow
addyosmani
1371
200k
Bash Introduction
62gerente
615
210k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
Agile that works and the tools we love
rasmusluckow
331
21k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Transcript
いせりゅー Flutter × MapLibre で やってみたこととこれからのやりたいこと
プロフィール ・名前 ・いせりゅー ・職歴 ・株式会社ゆめみのFlutter エンジニア ・⽴正⼤学⼤学院⼼理学研究科修⼠課程応⽤⼼理学専攻 ・趣味 ・個⼈開発 ・サッカー観戦
・FRUITS ZIPPER
アプリの紹介 MapLibre でやってみたこと MapLibre でやりたいこと 最後に Agenda
アプリ紹介 世界中のユーザーとフードのシェアができるアプリ アプリの魅⼒ このアプリ内だけのフードマップを作り上げられる ⾃分だけのフードアルバムを作成できる
アプリ紹介(1) アプリ紹介(1)
アプリ紹介(2) アプリ紹介(2)
本題の前に Map 関連について正直なところほぼ素⼈です 単語や説明などがあれこれ抜けている可能性があります ⾊々と教えていただけると幸いです
本題の前に Flutter の実装において以下のPackages を使っています https://pub.dev/packages/maplibre_gl
やってみたこと マップの表⽰ ピンの設置・タップのイベント 地図のスタイルの導⼊
マップの表⽰
ピンの設置・タップのイベント
地図のスタイルの導⼊ 現在、以下の地図のスタイルを使⽤しています https://tile.openstreetmap.jp/styles/maptiler-basic-ja/style.json openstreetmap を使⽤している
やりたいこと ピンを効果的に表⽰させたい 地図のUI (スタイル)を他にはないデザインにしたい 縮尺をアプリ上に表⽰させたい
ピンを効果的に表⽰させたい 近いとピンがいい感じに表⽰されるが.... 遠いと重なってしまう どう表⽰したらいいのかな〜〜 ??
地図のUI (スタイル)を他にはないデザインにしたい ⾃由⾃在にマップのデザインをカスタマイズできるようにしたい 他のアプリにはないデザインを採⽤したい できれば、無料枠で使えるようにしたい MapBox をやめてMapLibre に置き換えたのもフリーで使えるから 初期費⽤をできるだけ抑えたい
縮尺をアプリ上に表⽰させたい
iOS Android ダウンロードリンク
最後に マップについてもっと詳しくなりたいです ぜひ、気になったらダウンロードして投稿してくれると嬉しいです....
THANK YOU !