位置情報ボタンが効かない場合の設定

iPhone（iOS）の場合
① 端末の位置情報サービスを確認
「設定」アプリを開きます。

「プライバシーとセキュリティ」 ＞ 「位置情報サービス」 をタップします。

「位置情報サービス」がオンになっているか確認します。

② ブラウザ（SafariやChrome）の権限を確認
「設定」アプリのトップに戻り、下部にある使用中のブラウザ（「Safari」 または 「Chrome」）をタップします。

「位置情報」 をタップし、「このAppの使用中のみ許可」 にチェックを入れます。

※Safariの場合：ページ下部にある「Webサイトの設定」＞「位置情報」が「確認」または「許可」になっているかも確認してください。

Androidの場合
① 端末の位置情報（GPS）を確認
「設定」アプリを開き、「位置情報」 をタップします。

「位置情報の使用」をオンにします。

② Chromeブラウザの権限を確認
「設定」アプリ ＞ 「アプリ」 ＞ 「すべてのアプリを表示」 ＞ 「Chrome」 をタップします。

「権限」 ＞ 「位置情報」 をタップし、「アプリの使用中のみ許可」 を選択します。

（より正確に測るため「正確な位置情報を使用」もオンにすることをおすすめします）

2. パソコン（Windows / Mac）での対処法
Google Chrome / Microsoft Edge（共通）
画面上部（URLが表示されているバー）の左側にある鍵マーク（またはスライダーマーク風のアイコン）をクリックします。

メニュー内の「位置情報」のスイッチをオン（許可）にします。

ページを再読み込み（リフレッシュ）して、再度「現在地」ボタンを押します。

3. 【重要】開発環境・ファイル形式の注意点
もしこのHTMLコードをご自身のPCやスマホのローカル環境（file:///C:/.../sample.html など）で直接ダブルクリックして開いている場合、ブラウザのセキュリティ制限（個人情報保護）により、位置情報の取得自体がブロックされる仕様になっています。

正常に動作させるには、以下のいずれかの方法で実行する必要があります。

HTTPS環境のサーバーにアップロードして開く

ブラウザの位置情報API（Geolocation API）は、セキュリティ上 HTTPS（暗号化された通信） の環境でしか動作しないルールになっています（ローカルホスト http://localhost を除く）。

スマホでテストする場合

ファイルをスマホのローカルに保存して開くだけでは動きません。テスト用のサーバー（GitHub Pagesなど）に一度アップロードし、https://〜 で始まるURLからアクセスしてみてください。