# ImageMaps 에디터

> Clean Markdown view of GeekNews topic #3190. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=3190](https://news.hada.io/topic?id=3190)
- GeekNews Markdown: [https://news.hada.io/topic/3190.md](https://news.hada.io/topic/3190.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-11-12T11:13:07+09:00
- Updated: 2020-11-12T11:13:07+09:00
- Original source: [imagemaps.net](https://www.imagemaps.net/)
- Points: 8
- Comments: 1

## Topic Body

- HTML 이미지 맵을 쉽게 만들수 있는 웹 편집기

- 사각형 / 폴리곤 이미지 영역 생성 가능

- 영역 이름 / href / 채움색상 변경

- JSON으로 저장/로드 가능

- HTML / React 코드로 Export 지원

## Comments



### Comment 3472

- Author: xguru
- Created: 2020-11-12T11:13:14+09:00
- Points: 1

이제는 잊혀진 기술(?)인가 싶지만, 이미지맵을 잘 사용하면 인터랙티브한 화면을 만들수 있어서 유용합니다.

제가 좋아하는 사이트중에 이미지맵 느낌을 잘 활용하는 사이트로 https://everydaycarry.com 가 있는데요.

매일 들고 다니는 물품들을 EDC(EveryDay Carry) 라고 부르는데 그거 하나하나를 클릭할 수 있게 만들어 놨습니다.

(여긴 실제 구현은 이미지맵으로 하지는 않았습니다. 기능이 복잡하다 보니 자체 구현한듯 )