§19-01Maps
マップ + マーカー (Mapbox/MapLibre)
地図上に地点をマーカーで表示する。
店舗や物件、イベントの場所を位置関係とともに伝えられる。住所の一覧より、どこが近いかを直感的に見せたいときに使う。
実装のポイント
地図ライブラリではマーカーを GeoJSON ソースとシンボルレイヤーで描くと、DOM マーカーより大量の点を軽く扱える。ラベルは衝突判定で重なりを間引く。
- 特徴
- CSS のみ
- モック
- デモで使っているもの
- lucide-react
- SVG
§19-01Maps
地図上に地点をマーカーで表示する。
店舗や物件、イベントの場所を位置関係とともに伝えられる。住所の一覧より、どこが近いかを直感的に見せたいときに使う。
地図ライブラリではマーカーを GeoJSON ソースとシンボルレイヤーで描くと、DOM マーカーより大量の点を軽く扱える。ラベルは衝突判定で重なりを間引く。