Drawing library기반으로 Line/Circle/Rectangle/PolyGon 그릴 때, 마우스 position과 다각형의 위치, 불일치

지도/로컬 API
#1

안녕하세요,

Kakao Map API 중 drawing library를 테스트 하던 중 이상증상을 발견하여 문의드립니다.

Internet Explorer나 Chrome과 같은 Web Browser에서 drawing library기반으로 Line/Circle/Rectangle/PolyGon을 그리면 마우스 위치에 선이 그려지지만,

VisualStudio(C#이나 C++(MFC))에서 Dialog 안에 다음지도를 띄워놓고 마우스로 그림을 그리면,
upload된 그림과 같이 마우스로 찍은 위치에 선이 그려지지 않고 살짝 왼쪽에 그려집니다.

테스트에 사용한 url은 http://ascenkorea02.cafe24.com:8003/map-1.htm 입니다.

mismatched_drawing

좀 찾아보니, 2017년에도 다른 분이 같은 질문을 했었는데(MFC로 만든 PC 프로그램에서 polyline 위치 부정확 문제),
“embedded webview를 사용하는 경우에는 지원하지 않습니다.” 와 같이 답변하셨네요.
하지만 C#에서 2종류의 source code를 github에서 받아서 테스트해보았고, C++(MFC)의 경우 3종류의 source code를 테스트해보았습니다.
drawing library를 사용하지 않고, polyLine과 같은 API를 직접사용해서 code상에서 그려넣어도 동일합니다.

참고로, Google Map에서 code상에서 직접 그려 넣었을 때는 이런 현상이 일어나지 않았습니다.

#2

그림이 안 보이는데 첨부 다시 부탁드려요~

#3

첨부 게시글의 답변인 CSS 도 적용해보신 건가요??

* { padding:0, margin:0 }

#4

예, 적용했습니다.

혹시라도 잘 못 된게 있는지 확인해 보시려면,
http://ascenkorea02.cafe24.com:8003/map-1.htm 를 보시면 되겠습니다.

#5

약간 다른 답변입니다만 혹시라도 해결이 될 수 있을까 싶어 링크 첨부해드려요.
아래 링크의 해결방법으로 적용해도 동일한 현상이 나오는지 확인 부탁드리며
visual studio에서 띄워지는 브라우저의 종류와 버전도 알려주세요.

#6

말씀하신 아래내용을 http://ascenkorea02.cafe24.com:8003/map-1.htm(Kakao API example을 copy한 것임.)에 추가하니 정상적으로 동작합니다.

도와 주셔서 정말 감사합니다. margin: 0; padding: 0 는 삽입하지 않아도 됩니다.

하지만 제가 응용해서 만든 http://ascenkorea02.cafe24.com:8003/map.htm 에서는 여전히 같은 증상을 보이네요.
일단 실마리를 잡았으니 열심히 삽질해 보겠습니다.

Thanks, Raphael

1개의 좋아요