Seize the day!
  • 분류 전체보기
    • Spring
      • Spring Boot
      • Spring Security
    • Vue.js
      • Vuex
      • Nuxt.js
      • ESLint & Prettier
    • JAVA
      • WhiteShip Java Live Study
    • 자바스크립트
    • 일상
    • 경제
    • 기타
    • 데이터베이스
      • PostgreSQL
    • 개인 프로젝트
    • 알고리즘
      • leetCode
    • 네트워크
    • Linux
    • Javascript
    • IT Trend News
썸네일 맛집 지도 만들기(2) - OpenLayers 지도 띄우기 📢 들어가며 이번 포스팅은 지난 포스팅에서 이어진다. 지난 포스팅에선 개발 환경 설정을 했었다. 이번 포스팅에선 UI 틀을 잡고 OpenLayers를 활용해 지도를 띄워 볼 것이다. 모든 소스코드는 깃헙에서 확인할 수 있다. 🍜 UI 구성 대략적인 UI를 설계해보았다. 전체 화면에 꽉 차는 느낌으로 지도를 띄운다. 좌측엔 맛집에 대한 정보를 기록/출력하는 사이드 바가 있다. 사이드 바는 드래그로 크기를 늘렸다 키울 수 있다. 사이드 바는 버튼으로 최소/최대화가 가능하다. 사이드 바는 지도 위에 띄우고 Opacity(투명도)를 두어 지도 위에 띄운다는 느낌으로 구현한다. 사이드 바 안에 들어갈 구체적인 내용은 추후 생각해볼 예정이다. 원하는 대로 가능할지는 모르겠지만 대략적인 UI 틀은 이렇다. 🍜 Ope..
이전 1 다음
© 2023 Seize the day! • Built with 라이브러리 브랜드

티스토리툴바