지도 api가 제 자리에서만 보입니다

image

안녕하세요 로컬환경에서 개발중 입니다.
앱의 사이트 도메인은 글로벌IP(개발 중인 피씨와 포트포워딩), 내부망IP, localhost 이렇게 세개를 등록해 두었습니다.

개발 중인 피씨에서 웹브라우저 접속하면 카카오맵이 정상적으로 잘 나타나며

다른 자리의 피씨에서 접속하면 웹페이지의 다른 부분은 문제 없이 잘 나오는데 위와 같은 오류가 발생하며 카카오맵이
제대로 나오지 않고 있습니다.

몇 가지 키워드로 검색해봐도 뚜렷한 방법이 생각나질 않아 문의 드립니다 어떻게 설정을 바꿔야 할까요?

자바스크립트 키를 사용하셔야 하며
프로토콜(http, https) 또한 각기 지정하셔야 합니다.
포트번호가 있으면 포트번호까지 등록하셔야 합니다.

답변 감사합니다 자바스크립트 키를 사용하였습니다.

프로토콜과 포트번호 또한 모두 등록 했습니다.

다른 곳 수정 해야할 부분 혹시 더 있을까요?

그것 외에는 잘 모르겠습니다.

일단 필요없는 파라메터인 &libraries=은 지워주시고요.

해 보고 안되면 말씀해 주세요.

공인 IP를 (댓글말고)메세지로 알려주시면 페이지를 확인해 보겠습니다.

답글 확인 후 다시 해보니 작동합니다;;

혹시 몰라 답글 확인 후 캐시삭제 후 재시도 해보니 정상 작동 합니다 다만 지도를 불러 올 때 마다

다음과 같은 메세지가 웹브라우저 개발자도구 콘솔에 계속 반복되어서 나타납니다.

SEC7139: [CORS] 원본 'http://192.168.0.15:8082’이(가) 'https://dapi.kakao.com/v2/local/search/address.json?query=서울특별시%20강남구%20논현로127길%2021%202층’의 cross-origin 요청에 대해 제공된 값이 이를 초과하여 '1728000 '의 최대 Access-Control-Max-Age 값을 사용했습니다.

IE11 아니면 Edge 인 것 같은데
해당 문구 자체는 붉은색으로 나오나
실제 동작에는 문제가 없습니다.