다음지도 오버레이 디자인

지도/로컬 API
#1

다음지도 api를 사용하여 맵을 만들고 있습니다.

커스텀 + 닫기버튼이 포함된 오버레이를 만드려고 하는데 PC 모바일 퍼블리싱을 별도로 준비해야할지 궁금합니다.

http://apis.map.daum.net/web/sample/customOverlay2/

  • PC 샘플은 폰트 사이즈가 13으로 되어 있는데 이 스타일을 모바일에서 띄우면 글자가 더 작아보이지 않을까요
  • 또는 오버레이 내 폰트 사이즈를 지정하더라도 해당 오버레이를 모바일에서 띄우면 알아서 조정이 되는지 궁금합니다

제가 개발을 잘 몰라서 두서없이 여쭙는 것도 있는 것 같습니다.
양해 부탁드리며 어떻게 작업하셨는지 팁을 부탁드립니다. 감사합니다.

#2

html meta 정보로 viewport를 지정하셔야
PC에서 보이는 스케일 그대로 작업하실 수 있습니다.
https://developer.mozilla.org/ko/docs/Mozilla/Mobile/Viewport_meta_tag

그 외 지도 API의 컴포넌트 사용에는 예외사항이 크지 않습니다.
로드뷰 뷰어가 다른게 가장 크고, 마우스가 없으므로 터치이동 및 제스쳐 줌이 된다는 것이 특징입니다.

CustomOverlay 내부를 구성하는 컨텐츠의 이미지 해상도 대응 정도? 는 따로 해주셔야 하지만
기본적인 사용법은 똑같고 PC 코드 그대로 사용해도 기대하는 결과를 얻을 수 있어요.