[かんたん] javascriptを用いた地図表示

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