モバイルSafariでHTML5ジオロケーションが「許可が拒否されました」エラーになる原因と解決策

モバイルサイトでのHTML5ジオロケーションの基本動作

モバイル向けウェブサイトを開発する際、ボタンをタップしたタイミングでユーザーの現在地を取得したいという要件はよくあります。このような場合には、HTML5のGeolocation API（ジオロケーション）を使用するのが一般的です。

Android端末のGoogle Chromeでは、位置情報の共有を求めるプロンプトが表示され、ユーザーが許可すれば問題なく現在地を取得できます。

Mobile Safariで発生する「Permission Denied」エラー

しかし、iOSのMobile Safariでは挙動が異なります。位置情報の共有を求めるダイアログが表示されていても、ブラウザやOS側の設定によっては、ユーザーの操作に関わらず自動的に「Permission Denied（許可が拒否されました）」エラーが返されてしまうことがあります。

この主な原因は、iOSデバイス自体の「位置情報サービス」がオフになっていることです。Safari側で許可していても、OSレベルで位置情報サービスが無効化されていると、Geolocation APIは常にエラーを返します。

解決方法：位置情報サービスを有効にする

この問題を解決するには、以下の手順でモバイルデバイスの位置情報サービスをオンに切り替えます。

1. iPhoneの「設定」アプリを開く
2. 「プライバシーとセキュリティ」（iOSのバージョンによっては「プライバシー」）を選択する
3. 「位置情報サービス」をタップし、スイッチをオンにする
4. 必要に応じて、Safariの位置情報へのアクセス権限も「許可」に設定する

位置情報サービスを有効にした後、ページを再読み込みして再度現在地の取得を試みると、正常にユーザーの現在位置を取得できるようになります。

開発者への補足：エラーハンドリングの重要性

開発者の観点からは、getCurrentPosition() のエラーコールバックで error.code を確認し、PERMISSION_DENIED（コード1）が返された場合に、ユーザーへ設定変更を促すガイダンスを表示しておくことをおすすめします。これにより、ユーザーがエラーの原因を理解しやすくなり、サイトからの離脱を防ぐことにもつながります。