[かんたん] javascript / MapLibre GL / PMTilesを用いた地図表示

【概要】 javascript / MapLibre GL / PMTilesを用いてブラウザで地図を表示できるようにしたいです。 【依頼背景】 javascript・MapLibre GLどころかHTMLの実装経験もほとんどないので、どのように作成すればいいのかわからずにおります。各種の解説をみる限り、javascriptやhtmlの基礎知識がある方にはかんたんに実装できるようです。 凝ったことはするつもりはなく、PMTilesを表示して公開できればOKです。 公開はGoogle Cloud EngineもしくはGoogle Cloud Strageにindex.htmlを置いて完了です。したがって、作成物はかんたんなindex.htmlと必要があればcssやjsになると思います。 【すでにできていること】 PMTilesは準備できており、CDNの仕組みで表示確認はできております。 またGoogle Cloud系は一応セットアップはできております（ただし、npmやApatchの設定はしていません。必要なのかどうかよくわかりません）。 【提案の際のお願い】 後学のために、オンラインでのコードレビューをさせていただきます。 30分〜60分程度の時間で、初心者向けに説明をお願いします。 【参考URL】 PMTilesをmaplibreで実装するコード例です。 https://protomaps.com/docs/frontends/maplibre maplibreに関する日本語解説サイトです。 ローカル環境でこのコードの表示はできたのですが、上記のPMTilesのコードをどう取り込めば良いのかわかりません。 https://qiita.com/asahina820/items/66cd78a4462db86578a4 【歓迎条件】 ・もし可能であれば、leafletやmapboxなどの実装経験がある方だと嬉しいです。場合によっては継続的な相談をさせていただくと思います。