안녕하세요.
https://jinuew.github.io/ - Map Service - Map에 들어가면 다음과 같이 지도가 뜨지 않습니다.
하지만 카카오톡에서 다음의 링크를 눌렀을때는 의도한 지도가 뜹니다.
무엇이 문제일지 도움주실 수 있는 분 있으실까요…?
assets/Kaka0_Map_example.html에 카카오 API를 활용한 html 코드가 있으며
_portfolio/example.md 코드에 다음과 같이 삽입 되어 있습니다…
콘솔에 This request has been blocked; the content must be served over HTTPS 오류가 출력되고 있습니다.
해당 오류는 https에서 http로 요청을 하고 있어 발생한 오류입니다.
sdk를 https로 import하거나 가이드와 같이 import해주세요.
가이드에 나온 방식은 요청 프로토콜에 따라 sdk를 호출하기 때문에 유동적으로 호출할 수 있습니다.
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=JS_KEY"></script>
<!-- 또는 -->
<script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=JS_KEY"></script>
https://apis.map.kakao.com/web/guide/#step2
안녕하세요 혹시 카카오 API 이용할때 마커 개수 제한이 있나요…? 개수를 한 개씩 늘려갈땐 되는데 한번에 남은 개수를 넣으면 계속 에러 코드로 바뀌네요… 83개의 마커를 찍어야 하는 상황입니당,
사이트에 출력된 오류 메세지를 보면 데이터가 올바르지 않은 것으로 보입니다.
content 문자열과 좌표가 올바른지 확인해 주세요.
콘솔에 출력된 오류 메세지 참고해서 디버깅으로 데이터 오류를 수정하면 마커가 정상 동작할 거예요.