§19-09Maps
isochrone (到達圏)
ある地点から一定時間で到達できる範囲を地図に描く。
直線距離ではなく実際の移動時間で候補を比べられる。通勤圏からの物件探しや、配送範囲の提示に向く。
実装のポイント
到達圏は経路計算 API から時間ごとの多角形を受け取り、外側から順に重ねて描く。単なる同心円ではなく道路網に沿った形になる点を表現する。
- 特徴
- CSS のみ
- モック
- デモで使っているもの
- lucide-react
- SVG
§19-09Maps
ある地点から一定時間で到達できる範囲を地図に描く。
直線距離ではなく実際の移動時間で候補を比べられる。通勤圏からの物件探しや、配送範囲の提示に向く。
到達圏は経路計算 API から時間ごとの多角形を受け取り、外側から順に重ねて描く。単なる同心円ではなく道路網に沿った形になる点を表現する。