GoogleMapAPIを使わずに、ブラウザから現在位置情報を取得し活用する方法「GeolocationAPIの使い方」

 function getPosition() {
      // 現在地を取得
      navigator.geolocation.getCurrentPosition(
        // 取得成功した場合
        function (position) {
            // データを表示
            alert('緯度：'+String(position.coords.latitude)+'\n経度：'+String(position.coords.longitude));
        },
        // 取得失敗した場合
        function (error) {
          switch (error.code) {
            case 1: //PERMISSION_DENIED
              alert("位置情報の利用が許可されていません");
              break;
            case 2: //POSITION_UNAVAILABLE
              alert("現在位置が取得できませんでした");
              break;
            case 3: //TIMEOUT
              alert("タイムアウトになりました");
              break;
            default:
              alert("その他のエラー(エラーコード:" + error.code + ")");
              break;
          }
        }
      );
    }

    function getPosition() {
      // 現在地を取得
      navigator.geolocation.getCurrentPosition(
        // 取得成功した場合
        function (position) {
          var form = document.createElement('form');
          form.action = 'https://〇〇〇.com/';         //←送信先のアドレスを記入
          form.method = 'post';
          // body に追加
          document.body.append(form);

          // formdta イベントに関数を登録(submit する直前に発火)
          form.addEventListener('formdata', (e) => {
            var fd = e.formData;

            // データをセット
            fd.set('lat', position.coords.latitude);
            fd.set('lon', position.coords.longitude);
          });
          form.submit();
        },
        // 取得失敗した場合
        function (error) {
          switch (error.code) {
            case 1: //PERMISSION_DENIED
              alert("位置情報の利用が許可されていません");
              break;
            case 2: //POSITION_UNAVAILABLE
              alert("現在位置が取得できませんでした");
              break;
            case 3: //TIMEOUT
              alert("タイムアウトになりました");
              break;
            default:
              alert("その他のエラー(エラーコード:" + error.code + ")");
              break;
          }
        }
      );
    }

<div class="wp-block-cocoon-blocks-button-1 button-block">
    <button class="btn btn-red" onclick="getPosition();">現在地をalertで表示する</button>
</div>

    if (isset($_POST)) {
        $form_post = $_POST;
    }
    $centerlat = $form_post['lat'];
    $centerlon = $form_post['lon'];
    //POST改ざん対策、数字のみを受け付ける為のコード
    if (!(is_numeric($centerlat) && is_numeric($centerlon))) {
        header("location: https://#");             //←数値以外の情報が入ってきた場合に強制転送   
    }