위 사진은 포토로그라는 어플입니다. 지도가 그려져 있고
색칠 또는 사진을 입힐 수 있는데요. 위와 같이 구현하려면 어떠한 방법으로 구현할 수 있을까요??
SVG 마크업으로 그려진 우리나라 지도에서
해당 위치에 background 이미지를 채워넣는 방식으로 구현하면 될 것 같습니다.
일단 그러려면 SVG로 만들어진 우리나라 지도가 필요할 것 같습니다.
아래 주소에서 간단한 테스트를 해보실 수 있습니다.
https://simplemaps.com/custom/country#states
위 주소에서 아무 데이터의 "Image Url" 칸에 이미지 주소를 하나 넣으면 이미지가 들어가는 것을 볼 수 있습니다.
SVG 마크업으로 그려진 우리나라 지도에서
해당 위치에 background 이미지를 채워넣는 방식으로 구현하면 될 것 같습니다.
일단 그러려면 SVG로 만들어진 우리나라 지도가 필요할 것 같습니다.
아래 주소에서 간단한 테스트를 해보실 수 있습니다.
https://simplemaps.com/custom/country#states
위 주소에서 아무 데이터의 "Image Url" 칸에 이미지 주소를 하나 넣으면 이미지가 들어가는 것을 볼 수 있습니다.