ホームページ上に「現在地ピン」＋「指定したエリア表示」を実現する方法のレクチャーをお願いします。

【概要】ホームページ上に、「現在地ピン」と「各エリア表示及びクリックできる機能」を実現するためのレクチャーをお願いしたいと思っております。 【目的・依頼背景】現在、とあるサイトを作成中（別のコーディング作業者に委託）ですが、上記機能だけうまくいかず、悩んでおります。解決するための方法（アドバイス）を教えてくれる方が必要となりました。 【イメージ】 下記ページに現在地のピンが表示されるイメージです。 https://travel.rakuten.co.jp/kinki/?lid=topC_map_area ホームページ閲覧者には、今の現在地であれば、どのエリアになるのかという情報を与え、そのエリアをクリックすると、そのエリアの情報を確認できる。というようなものを作りたいです。