Project/내비게이션5 [OSM] 내비게이션 어플리케이션 개발 (1) 1. 마인드맵우선 내비게이션 개발을 위해 떠오르는 대로 마인드맵을 그려보았다. 2. 화면 디자인화면은 대략 5개 정도로 나눌 수 있었다. 1) 초기 화면2) 길찾기 버튼 클릭 시 화면3) 차량상태 버튼 클릭 시 화면4) 초기 화면 -> 장소 검색5) 음식점, 주유소 등 검색 (보류) 다음 글에서 기초 화면을 개발해보겠다 바이바이 2024. 9. 23. [OSM]OpenStreetMap을 이용한 내비게이션 만들기 - 4 저번 포스팅에서 이어서 이번에는 현재 위치를 실시간으로 표현해보자 현재 위치 실시간으로 표시하기 //================================================= 현위치 실시간 업데이트 function current_update() { $.ajax({ url: '/h/get/current_point.php', method: 'GET', dataType: 'json', success: function(data) { current_value = data; // 문.. 2024. 9. 20. [OSM]OpenStreetMap을 이용한 내비게이션 만들기 - 3 지난 글에서는 경로 검색 기능까지 제작해 보았다.이번 글에서는 현위치를 가장 가까운 건물(시설물)과 연동해서 보여주고,현위치에 관한 세부 기능들을 완성해보자. 현위치를 건물이름과 연동하기 var current_lat = current_point[0]; var current_lng = current_point[1]; //현재 주소 반환 getNearestBuilding(current_lat, current_lng); // 역지오코딩으로 가까운 건물 찾기 function getNearestBuilding(lat, lng) { var url = `https://nominatim.openstreetmap.org/.. 2024. 9. 19. [OSM]OpenStreetMap을 이용한 내비게이션 만들기 - 2 [DB 생성]전 게시물에서 작성한 DB를 추가했다. [SQL]-- 데이터베이스 생성-- CREATE 테이블명;-- 데이터베이스 사용-- USE 테이블명;-- 사용자 테이블 생성CREATE TABLE `user` ( `id` INT AUTO_INCREMENT PRIMARY KEY, `name` VARCHAR(255) NULL, `password` VARCHAR(255) NULL, `email` VARCHAR(255) NULL, `create` DATETIME, `update` DATETIME);-- 차량 동작 로그 테이블 생성CREATE TABLE `operation` ( `id` INT AUTO_INCREMENT PRIMARY KEY, `user` INT NUL.. 2024. 9. 13. [OSM]OpenStreetMap을 이용한 내비게이션 만들기 - 1 [목표]- 내비게이션의 기본 기능 탑재 (경로 탐색, 장소 검색)- 사용자의 말을 인식하고 답변을 마커(위)와 리스트(아래)로 표시하기- 사용자의 개인 차량 동작 로그 표시하기- 교통정보를 경로 위 또는 지도 위에 마커로 표시하기(사고, 정체, 흐림) [시나리오]사용자가 내비게이션을 이용하기 위해 지도를 켠다사용자이름, 이메일, 비밀번호검색창에서 검색을한다출발위치, 도착위치목적지를 말한다 목적지가 앱에 저장된다검색기록현재위치에서 목적지를 설정해서 보여준다 자동차/도보/자전거를 고른다 어떤 경로(고속도로)로 갈지 고른다 경로별로 소요시간을 보여준다 경로별 교통상태를 보여준다 가는길에 사고, 공사중 등(알림)이 있는지 보여준다 경로를 고른다 현재위치를 보여준다 현재위치에서 어떻게 이동하는지 보여준다(노드)종.. 2024. 9. 9. 이전 1 다음
