안녕하세요! 웹사이트를 만들고 있는 대학생입니다.

Question

웹개발에 문외한인지라 이렇게 찾아뵙게 되었습니다.https://jnminjoo.kr/committee/bord?site&#61;basic&mn&#61;1030&ca_idx&#61;6위 사이트와 같이 지역에 커서를 가져다 대면 확대가 되고, 클릭을 하면 다른 페이지로 이동하고자 하는 사이트를 만드려고 하는데 어떤 방식을 사용해야 할지요..? 단순 버튼을 클릭하면 이동하는 개념은 쉬운 것 같지만 저렇게 구불구불한(?) 대상들에 하이라이트를 주고 링크를 거는 방식은 너무 어려워 염치 불구하고 질문 올립니다 ㅜㅜ

공치기정재 · Answer

svg로 만들고 path 태그로 구불구불?하게 만든뒤 거기에 onClick 이벤트로 페이지이동 거시면 될거 같습니다. mouse enter 이벤트와 mouse leave 이벤트로 하이라이팅도 크고 끌 수 있고요

Clickin · Answer

다른 웹사이트 벤치마킹할 때는 개발자 도구 열어서 html을 분석해보는 게 좋습니다.구현을 살펴보니 지도 자체는 svg로 만들어져있고 이걸 active 태그를 줘서 하이라이팅하네요.이 키워드를 기반으로 검색해보면 이런 자료들을 찾아볼 수 있습니다.대한민국 지도 SVG 받기: http://www.gisdeveloper.co.kr/?p=8555SVG 지도 색 바꾸기: https://m.blog.naver.com/hnhn99735/221646118777d3.js를 사용해서 구현해보는 방법: https://velog.io/@dyorong/D3.js-svg-지도-파일을-활용해서-나만의-지도-만들기

안녕하세요! 웹사이트를 만들고 있는 대학생입니다.

2개의 답변

기술 목록