kz

なんか作ってます

kz

なんか作ってます

乗換回数検索実装！どこまで行けるマップ(仮)のアップデート

どこまで行けるマップ(仮)という、ある駅から○○分でどこまで行けるか表示するサービスを作っています。 https://nearby-map.com/ 今回のアップデートで、乗換回数を指定して検索できるようになりました。 -- 例えば、新宿から60分以内に行ける場所に住みたいと思って、「新宿 60分」で検索すると以下のようになります。 行ける場所がたくさん表示されました。すごく広範囲まで60分圏内ですね。 これだと2回も3回も乗り換えをしないと、たどり着けない場所まで

kz

    • google-map-reactとuse-superclusterを使ったGoogleマップのクラスタリング実装

      React でGoogleマップのクラスタリングを実装しようとしたら、日本語記事が全然なくて苦労したので記事を書きました。英語読める人は素直にこちらの記事を読んで下さい。 デモ 導入クラスタリングの前段となるGoogleマップ自体の描画は他の記事に譲りますが、ライブラリとしては google-map-react or @react-google-maps/api がメジャーなようです。 本記事ではgoogle-map-react を使用しています。 適当なマーカーを表示さ

      kz

      • ○○分でどこまで行けるか？を調べるサービスを作った

        タイトルの通り、ある駅から○○分でどこまで行けるか表示するサービスを作りました。 例えば「東京から100分以内」のように検索すればGoogle Map上に行ける範囲が表示されます。 使い方1. 出発地に好きな駅名を入力する 2. 時間を指定する 3. 検索ボタンを押す 一番最初の例では出発地を東京にしましたが、今度は大阪から60分圏内で検索してみました。東は名古屋、西は岡山辺りまで圏内だと分かります。南北だと和歌山～京都あたりですね。 時間は最大で300分まで指定

        kz

      乗換回数検索実装！どこまで行けるマップ(仮)のアップデート

      kz

      • google-map-reactとuse-superclusterを使ったGoogleマップのクラスタリング実装

        kz

      • ○○分でどこまで行けるか？を調べるサービスを作った

        kz