웹뷰형식 카카오내비 scheme

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <script src="https://t1.kakaocdn.net/kakao_js_sdk/2.0.1/kakao.min.js"
      integrity="sha384-eKjgHJ9+vwU/FCSUG3nV1RKFolUXLsc6nLQ2R1tD0t4YFPCvRmkcF8saIfOZNWf/" crossorigin="anonymous"></script>
    <script>
      Kakao.init(''); // 사용하려는 앱의 JavaScript 키 입력
    </script>

    <a id="start-navigation" onclick="startNavigation()">
      <img src="https://developers.kakao.com/assets/img/about/buttons/navi/kakaonavi_btn_medium.png"
        alt="길 안내하기 버튼" />
    </a>

    <script>
      function startNavigation() {
        Kakao.Navi.start({
          name: '현대백화점 판교점',
          x: 127.11205203011632,
          y: 37.39279717586919,
          coordType: 'wgs84',
        });
      }
    </script>
  </body>
</html>

Screenshot_20221219_145721_MobileMTS_Web

위 코드를 사용해서 눌렀는데 사진과 같이 에러가 났습니다

이 같은 경우에는 안드로이드 스튜디오에서 스킴에 대한 설정을 해주면 해결되나요??

예시 있으면 알고 싶습니다