먼저 소스를 설펴봤는데..
"$ is not defined" 오류가 있었습니다.
이 오류는 제이쿼리 엔진이 로드되지 않은 경우, 발생합니다.
네이버 측에서 제공하는 예제에서 전체 풀 소스가 아닌, 지도에 포커스를 맞춘 소스라 그대로 했을 때, 제이쿼리가 빠지는 문제가 있어 보이네요.
다음 제이쿼리 스크립트 파일을 head 태그 부분에 넣어주세요
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
예를 들어, 다음과 같이 할 수 있습니다
<head>
...
... (생략)
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="main.js"></script>
<script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=6wughkh27t&submodules=geocoder"></script>
... (생략)
</head>
그 후, 어떤 변동이 있는지 확인해 보세요.
그리고, 주소 뿐 아니라 키워드로 검색하는 기능은 네이버 지도 예제에 존재하지 않습니다.
이 경우는, 네이버 검색 API 등과 지도 API를 연계하여 직접 작성해야 합니다.
혹은, 카카오맵 API에서는 유사 예제가 있으므로, 해당 내용을 참조할 수도 있습니다
https://apis.map.kakao.com/web/sample/keywordList/
질문하신 모든 내용을 직접 설명하기는 매우 어렵습니다.
동영상 강좌로 진행해도 여러 시간이 걸리는 분량입니다.
현재 네이버 지식IN 엑스퍼트를 통해 1:1과외 상품을 판매중이니, 참조해 주세요.
https://m.expert.naver.com/mobile/expert/product/detail?storeId=100027069&productId=100067819
아울러, 지금처럼 부분적으로 이 게시판에 질문하시면 가능한 범위에서 답변드리겠습니다 ^^
[네이버지도 검색창 만들고 싶습니다.의 답글] ----------------------------------------------------------------
선생님 강의를 보면서 지도 기반의 사이트를 만들어보고 있는 왕초보입니다.
왼쪽 상단 검색창에 주소나 장소를 입력하면 그곳으로 지도가 이동하는 기능을 구현하고 싶어서요.
https://navermaps.github.io/maps.js.ncp/docs/tutorial-3-geocoder-geocoding.example.html 를 참고하여
만들어 보았습니다만 작동하지 않네요. 코드의 잘못된 점을 알려주시면 감사하겠습니다.
또 한가지는 위의 네이버 예제에서는 주소를 입력했을때는 검색이 되나 장소(예를들면 서울역) 같은 것을
입력하면 검색되지 않네요. 장소로 검색하는 방법도 알려주시면 감사하겠습니다.
제 홈페이지입니다.
http://y961290.ivyro.net/
----------------------------------------------------------------