SMS처리 도우미
제목
  [RE] 네이버지도 검색창 만들고 싶습니다. (From. 소스놀이터)

먼저 소스를 설펴봤는데..

"$ 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/

 

----------------------------------------------------------------

트위터, 페이스북 공유 부탁드립니다~!
트위터   페이스북


  • 패스워드
X