kenev https://blog.hatena.ne.jp/kenev/ kenfdev’s blog https://kenfdev.hateblo.jp/ kenfdev.hateblo.jp 上記記事の続きとなります。 一覧ページでMapTilerのCluster Mapを使う フロントエンドの実装 public/javascripts/clusterMap.js の実装 views/campgrounds/index.ejs の実装 バックエンドの実装 models/campground.js の実装 一覧ページでMapTilerのCluster Mapを使う では、キャンプ場一覧画面にてすべてのキャンプ場の位置を地図上に表示する機能を追加しましょう。 参考: MapTiler Documentation - Create and style… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkenfdev.hateblo.jp%2Fentry%2F2025%2F11%2F21%2F155052" title="Web Developer Bootcamp YelpCampでMapTilerを使う その２ - kenfdev’s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/kenev/20251121/20251121153553.png Hatena Blog https://hatena.blog 2025-11-21 15:50:52 rich https://kenfdev.hateblo.jp/entry/2025/11/21/155052 1.0 100%