Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
MapLibreでやっていること・やりたいこと
Search
Ryutaro Iseki
July 15, 2025
280
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
MapLibreでやっていること・やりたいこと
[オンライン開催] MapLibre Meetup Japan #05のイベントで登壇したものです
https://mug-jp.connpass.com/event/359207/
Ryutaro Iseki
July 15, 2025
More Decks by Ryutaro Iseki
See All by Ryutaro Iseki
Why MapLibre? Flexibility and the Freedom to Unlock Full Potential in Flutter Apps with Maps
iseruuuuu
0
39
FlutterエンジニアがMapLibreでスタイルをカスタマイズできるまで
iseruuuuu
0
130
Flutterを使用した個人開発でマネタイズ始めました
iseruuuuu
0
380
MapLibreを使用した安全かつ、効果的なマップアプリを作る
iseruuuuu
1
220
Flutter開発が快適になる〇選
iseruuuuu
0
410
FoodGram
iseruuuuu
0
350
FlutterとWeb 3
iseruuuuu
0
390
ネイティブアプリで保存した値を Flutterで取得する方法
iseruuuuu
0
330
あなたの勉強会の登壇の不安を取り除くお手伝いをします
iseruuuuu
0
130
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.3k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
From π to Pie charts
rasagy
0
360
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
530
The SEO identity crisis: Don't let AI make you average
varn
0
550
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
190
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
900
Scaling GitHub
holman
464
140k
First, design no harm
axbom
PRO
2
1.3k
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 !