Jump to content

zakklee

Members
  • 게시글

    6
  • 첫 방문

  • 최근 방문

  • Days Won

    1

zakklee last won the day on December 28 2023

zakklee had the most liked content!

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

zakklee's Achievements

Rookie

Rookie (2/14)

  • Dedicated Rare
  • One Month Later
  • Week One Done
  • First Post
  • Conversation Starter

Recent Badges

1

Reputation

  1. 안녕하세요, naver.maps.Map의 panToBounds method를 사용하여 먼 거리 이동시에 한번에 이동되지 않는 현상이 있어 제보드립니다. 서울 <-> 울릉도 사이를 이동하는 상황으로 재현 코드를 작성하였습니다. 재현 코드: https://github.com/jglee96/minimal-navermap/blob/main/main.js demo url: https://minimal-navermap.vercel.app/ Steps to Reproduce url 접속시 기본 서울 위치에서 시작됩니다. 왼쪽 상단 울릉도 버튼을 클릭합니다. Current Behavior 서울 위치에서 zoom만 변경됩니다. Expected Behavior 울릉도로 이동합니다.
  2. 안녕하세요. 올려주신 코드를 보니 markerClustering 이 markerArray가 업데이트될 때 마다 생성되기만 하고 지워지지는 않네요. MarkerClustering 구현을 보니 OverlayView를 상속 받고 있습니다. 그래서 useEffect return 정리 함수 부분에서 markerClustring.setMap(null)을 추가해주시거나, MarkerClustering를 하나만 생성하고 userEffect 부분에서 setMarker를 사용하여 업데이트 해주는 방식으로 하면 동작하지 않을까 생각됩니다.
  3. 안녕하세요, 설명해주신 부분만으로는 알 수 있는 내용이 너무 적습니다. 재현 가능한 코드나 구현하신 코드를 올려주시면 다른 분들이 도움을 주실 수 있지 않을까요? react state update가 안되는 것인지 구현하신 클러스터링 로직에 놓치신 부분이 있는 것인지 가늠이 안되네요.
  4. 해당 부분은 api 사용보다 알고리즘으로 접근해야하는 것 같습니다. 간단하게 하면 x, y 좌표를 각각 sorting 하여 최대, 최소값을 찾고 이를 사용하여 LatLngBounds를 생성하면 되지 않을까 싶습니다.
  5. 안녕하세요, 지도에서 새 시크릿 창 단축키로 열고 닫은 후, 그리기 도구로 사각형, 타원 그릴 때 동작 문의 드리고자 합니다. 시나리오 그리기 도구를 포함한 네이버 지도 (기술 문서 그리기 도구 기본 예제를 사용해도 재현 가능합니다.) 키보드 ctrl + shift + n 을 눌러 새 시크릿 창 열기 ctrl + w를 눌러 2번에서 생성한 시크릿 창 닫기 그리기 도구에서 사각형, 타원 선택하여 그리고 확인 예상 결과: 원하는 사각형과 타원을 그린다. 현재 결과: 정방형 스냅이 되어 정사각형, 원이 그려진다. 아래와 같은 최소 재현 코드를 작성하여 테스트해보았습니다. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <script> document.addEventListener("keydown", (e) => { console.log("keydown: ", e.key); }); document.addEventListener("keypress", (e) => { console.log("keypress: ", e.key); }); document.addEventListener("keyup", (e) => { console.log("keyup: ", e.key); }); </script> </body> </html> 테스트 결과 첨부된 사진과 같이 새 시크릿 창 생성시 shift키가 keydown만 트리거되고, keyup은 트리거되지 않아 발생하는 오류로 보입니다.
×
×
  • Create New...