KR102289141B1 - 그래픽 기반의 웹 벡터 지도 표시 방법 - Google Patents

Abstract

그래픽 기반의 웹 벡터 지도 표시 방법이 개시된다. 이는 벡터 지도 도엽의 객체 정보가 추출되고, 디스플레이 엔진의 입력 배열을 지도 종별로 추출하여 추출된 디스플레이 엔진 입력 배열에 벡터 지도의 객체 정보를 저장하고 저장된 입력 배열을 지도 도엽 파일로 저장하는 것을 포함하는 그래픽 기반의 웹 벡터 지도 표시 방법에 관한 것이다.
본 발명의 그래픽 기반의 웹 벡터 지도 표시 방법은 벡터 지도와 디스플레이 엔진의 저장 배열 구조를 결합하기 때문에, 연산 과정 후의 불필요 요소를 제거함으로써 데이터 사이즈가 축소되는 효과가 있다.
또한, 본 발명은 지도의 성능적 이슈와 용량적 이슈를 동시에 해결하여 웹 기반에서 대용량의 벡터 지도를 표출할 수 있도록 할 수 있는 효과가 있다.

Description

그래픽 기반의 웹 벡터 지도 표시 방법{METHOD FOR DISPLAYING OF WEB VECTOR MAP BASED ON GRAPHIC}

본 발명은 그래픽 기반의 웹 벡터 지도 표시 방법에 관한 것으로, 더욱 상세하게는 벡터 지도 도엽의 객체 정보가 추출되고, 디스플레이 엔진의 입력 배열을 지도 종별로 추출하여 추출된 디스플레이 엔진 입력 배열에 벡터 지도의 객체 정보를 저장하고 저장된 입력 배열을 지도 도엽 파일로 저장하는 것을 포함하는 그래픽 기반의 웹 벡터 지도 표시 방법에 관한 것이다.

근래, 내비게이션 시스템에 지도를 3차원으로 표시하는 기술이 발달되어, 내비게이션의 화면에 3차원 지도를 표시하는 것이 가능하게 되었다. 이에 따라, 내비게이션으로 현재 위치와 주위의 건물이나 입체 교차점 등과 같은 입체 구조물의 위치 관계를 유저가 3차원적으로 파악하는 것이 가능하게 되었다.

또한, 스마트폰과 같은 휴대전화에 현재 위치를 파악하기 위한 GPS(Global Positioning System)가 탑재되어 있으며, 이에 따라 휴대전화 중 스마트폰을 가지는 사용자를 현재 위치를 기초로 하여 목적지까지 유도하는 내비게이션이 실용화되어 다양한 형태로 활용되고 있는 실정이다.

더욱이, 그들 휴대단말장치가 화면상에 3차원 그래픽스를 리얼 타임으로 고속으로 묘화할 수 있는, 하드웨어에 의한 3차원 그래픽 묘화 엔진이 상용화되어 휴대단말장치에서도 고속의 그래픽 묘화가 가능하게 되었다.

또한, 차량용 내비게이션에도 탑재할 수 있는 메모리 용량의 증가로 인하여 대용량의 기억장치를 장착할 수 있게 되었고, 이러한 대용량 기억장치에 3차원 지도 데이터와 같은 대용량의 데이터를 격납하여, 고속으로 그 데이터에 액세스할 수 있도록 되어 있다.

종래기술인 대한민국등록특허 제10-1157581호인 '지도표시 시스템, 지도데이터 가공장치, 지도표시 장치 및 지도표시 방법'에서는 XML 기반의 지리 정보를 위한 데이터 포맷을 이용하여 디스플레이하는 기술에 관하여 개시되어 있다. 그러나, 이러한 지도 표시 방법은 그래픽 기반으로 하는 대용량 지도 데이터를 제작하기에는 데이터 사이즈의 증가와 처리 속도가 저하된다는 문제점이 있다.

또한, 최근 스마트폰 등의 휴대 단말기 또는 차량용 내비게이션에 통신기능이 탑재되어 지도 데이터를 통신을 통하여 사용자 단말기로 전송하고 있으나, 통신요금의 부담 등의 이유로 인하여 전송할 수 있는 데이터의 크기에 제약이 있어 트래킹이나 일부 객체를 표현하는 간단한 서비스 처리를 위해서만 사용되고 있다.

따라서, 상기와 같은 문제점을 해결하기 위하여 안출된 본 발명은 웹 기반에서 대용량의 벡터 지도를 표출할 수 있도록 함으로써 지도의 성능적 이슈와 용량적 이슈를 동시에 해결하고자 한다.

또한, 벡터 지도 도엽의 객체 정보가 추출되고, 디스플레이 엔진의 입력 배열을 지도 종별로 추출하여 추출된 디스플레이 엔진 입력 배열에 벡터 지도의 객체 정보를 저장하고 저장된 입력 배열을 지도 도엽 파일로 저장하는 것을 포함하는 그래픽 기반의 웹 벡터 지도 표시 방법을 제공한다.

상기 목적을 달성하기 위해 본 발명은 그래픽 기반의 웹 벡터 지도 표시 방법을 제공한다. 이는 벡터 지도 도엽의 객체 정보가 추출되는 제 1단계, 디스플레이 엔진의 입력 배열을 지도 종별로 추출하는 제 2단계, 추출된 디스플레이 엔진 입력 배열에 벡터 지도의 객체 정보를 저장하는 제 3단계 및 저장된 입력 배열을 지도 도엽 파일로 저장하는 제 4단계를 포함한다.

제 1단계의 지도는 텍스트 기반의 JSON 포맷인 것을 특징으로 한다.

제 2단계의 입력 배열의 구성은 캔버스 엔진 또는 WebGL 엔진의 입력값으로 데이터 파싱 및 연산되는 것을 특징으로 한다.

연산 과정에서 활용되는 벡터 정보는 연산 과정 수행 후 제거되는 것을 특징으로 한다.

제 3단계는 데이퍼 파싱 결과로 저장된 배열 정보를 객체별로 저장하는 것을 특징으로 한다.

제 3단계는 디스플레이 엔진 입력 배열에 점, 선 또는 면의 좌표열에 대한 정보를 저장하는 것을 특징으로 한다.

제 3단계는 디스플레이 엔진 입력 배열에 RGB 색상 또는 테마에 대한 정보를 저장하는 것을 특징으로 한다.

본 발명의 그래픽 기반의 웹 벡터 지도 표시 방법은 벡터 지도와 디스플레이 엔진의 저장 배열 구조를 결합하기 때문에, 연산 과정 후의 불필요 요소를 제거함으로써 데이터 사이즈가 축소되는 효과가 있다.

또한, 본 발명은 지도의 성능적 이슈와 용량적 이슈를 동시에 해결하여 웹 기반에서 대용량의 벡터 지도를 표출할 수 있도록 할 수 있는 효과가 있다.

도 1은 본 발명의 그래픽 기반의 웹 벡터 지도 표시 방법을 위한 텍스트 기반의 JSON 포맷 지도를 나타낸 도면,
도 2는 본 발명의 그래픽 기반의 웹 벡터 지도 표시 방법을 위한 디스플레이 엔진의 입력 배열을 나타낸 도면,
도 3은 본 발명의 그래픽 기반의 웹 벡터 지도 표시 방법에서 웹 벡터 지도와 디스플레이 엔진의 데이터 파싱 및 연산 이후 웹 벡터 지도 데이터가 제거되는 것을 나타낸 도면,
도 4는 본 발명의 그래픽 기반의 웹 벡터 지도 표시 방법에서 웹 벡터 지도와 디스플레이 엔진의 데이터 파싱 및 연산 이후 디스플레이 엔진의 입력 배열에 포함된 지도 데이터가 제거되는 것을 나타낸 도면,
도 5는 본 발명의 그래픽 기반의 웹 벡터 지도 표시 방법을 위한 객체별 배열 정보를 지도 데이터로 저장하는 것을 나타낸 도면이다.

본 명세서 및 청구범위에 사용된 용어나 단어는 통상적이거나 사전적인 의미로 한정해서 해석되어서는 아니되며, 발명자는 그 자신의 발명을 가장 최선의 방법으로 설명하기 위해 용어의 개념을 적절하게 정의할 수 있다는 원칙에 입각하여 본 발명의 기술적 사상에 부합하는 의미와 개념으로 해석되어야만 한다.

따라서, 본 명세서에 기재된 실시예와 도면에 도시된 구성은 본 발명의 가장 바람직한 일 실시예에 불과할 뿐이고 본 발명의 기술적 사상을 모두 대변하는 것은 아니므로, 본 출원시점에 있어서 이들을 대체할 수 있는 다양한 균등물과 변형예들이 있을 수 있음을 이해하여야 한다.

본 발명은 그래픽 기반의 웹 벡터 지도 표시 방법을 제공한다.

이는 벡터 지도 도엽의 객체 정보가 추출되는 제 1단계, 디스플레이 엔진의 입력 배열을 지도 종별로 추출하는 제 2단계, 추출된 디스플레이 엔진 입력 배열에 벡터 지도의 객체 정보를 저장하는 제 3단계 및 저장된 입력 배열을 지도 도엽 파일로 저장하는 제 4단계를 포함한다.

도 1은 본 발명의 그래픽 기반의 웹 벡터 지도 표시 방법을 위한 텍스트 기반의 JSON 포맷 지도를 나타낸 도면이다.

도 1을 참조하면, 본 발명에서 객체 정보를 추출하기 위한 벡터 지도는 텍스트 기반의 JSON 포맷을 사용한다.

JSON(JavaScript Object Notation) 포맷은 유무선 통신망을 통해 서로 다른 기기 사이에서 텍스트 정보교환을 위한 경량 언어로서, JSON은 객체(Object), 배열(Array), 값(Value), 문자열(String), 숫자(Number)의 자료형을 갖고 서버와 클라이언트 사이에 통신을 수행하면서 상기와 같은 자료형의 텍스트 정보를 교환하게 된다.

따라서, JSON 포맷으로 전송받은 데이터를 분석하고 활용하기 위해서 JSON 포맷을 해석하여 데이터를 추출해낼 수 있다.

일반적으로 JSON 포맷의 가독성, 구조성, 자바스크립트와의 호환성 때문에 종종 XML코드를 JSON코드로 변환해서 사용하기도 하는데, 이런 경우 서버로부터 전송받은 XML코드를 JSON코드로 변환하고, JSON 파서로 해석하는 과정을 거치게 된다.

JSON언어는 프로그래밍 언어와 플랫폼에 독립적으로 서로 다른 시스템 간에 객체를 교환하기에 편리하며 특히, 자바스크립트 문법을 채용했기 때문에 파싱된 내용에서 자바스크립트 문장 코드를 발견하면 그 내용을 수행하고 그 결과값이 있으면 그 값을 반환하는 eval 함수를 최상위 내장 기능함수로 구비하고 있어서 사용이 편리하다.

본 발명에서 사용되는 웹 벡터 지도의 데이터는 종별로 구분되는 하나 이상의 객체로 구성될 수 있어 웹 벡터지도를 표현하는 것이 가능하다.

도 2는 본 발명의 그래픽 기반의 웹 벡터 지도 표시 방법을 위한 디스플레이 엔진의 입력 배열을 나타낸 도면이다.

도 2를 참조하면, 디스플레이 엔진으로는 캔버스 엔진 또는 WebGL 엔진이 채택될 수 있고, 엔진에 포함된 데이터를 추출하여 입력 배열(array)을 형성한다. 상술한 입력 배열과 웹 벡터 지도의 데이터를 파싱한 후 디스플레이 엔진 배열에 각각 해당 지도 데이터가 저장되어 그래픽으로 표시된다.

도 3은 본 발명의 그래픽 기반의 웹 벡터 지도 표시 방법에서 웹 벡터 지도와 디스플레이 엔진의 데이터 파싱 및 연산 이후 웹 벡터 지도 데이터가 제거되는 것을 나타낸 도면이다.

도 3을 참조하면, 웹 벡터 지도의 각각의 객체를 포함하는 지도 데이터는 디스플레이 엔진의 각각의 배열에 부합되도록 1회 이상 연산될 수 있다. 예컨대, 웹 벡터 지도의 제 1객체에 포함된 데이터는 디스플레이 엔진의 제 1배열 및 제 2배열에 부합되도록 연산될 수 있다. 연산 과정에서 활용된 웹 벡터 지도의 데이터는 연산 과정 수행 후 제거되는 것일 수 있다. 따라서, 데이터 연산 후, 총 데이터량이 경감되는 효과가 있다.

도 4는 본 발명의 그래픽 기반의 웹 벡터 지도 표시 방법에서 웹 벡터 지도와 디스플레이 엔진의 데이터 파싱 및 연산 이후 디스플레이 엔진의 입력 배열에 포함된 지도 데이터가 제거되는 것을 나타낸 도면이다. 도 4를 참조하면, 웹 벡터 지도 데이터 뿐만 아니라, 디스플레이 엔진의 입력 배열에서도 연산 후 지도 데이터가 제거되도록 함으로써 데이터 연산 후 총 데이터량이 경감되는 효과가 있다.

도 5는 본 발명의 그래픽 기반의 웹 벡터 지도 표시 방법을 위한 객체별 배열 정보를 지도 데이터로 저장하는 것을 나타낸 도면이다.

여기에서, 웹 벡터 지도와 디스플레이 엔진의 데이퍼 파싱 결과로 저장된 배열 정보를 객체별로 저장되며, 여기서 웹 벡터 지도에 포함되어 있던 지도 데이터가 디스플레이 엔진 입력 배열에 점, 선 또는 면의 좌표열에 대한 정보가 저장되고, RGB 색상 또는 테마에 대한 정보 중 하나 이상이 저장된다.

따라서, 웹 벡터 지도와 디스플레이 엔진의 저장 배열 구조를 결합하고, 웹 벡터 지도의 객체들과 디스플레이 엔진에서의 입력 배열 간의 데이터 연산 후 웹 벡터 지도의 객체 또는 디스플레이 엔진의 입력 배열에 잔류하는 불필요한 데이터가 제거됨으로써 데이터 사이즈가 축소되는 효과가 있다.

또한, 연산 후 웹 벡터 지도로부터 저장된 입력 배열을 디스플레이 엔진에 의해 지도 도엽 파일로 저장하므로 웹 벡터 지도의 객체에 그래픽이 구현 되어 지도 표시가 가능하다.

Claims (7)

1. 지도 표시 방법에 있어서:
   벡터 지도 도엽의 객체 정보가 추출되는 제 1단계;
   디스플레이 엔진의 입력 배열을 지도 종별로 추출하는 제 2단계;
   추출된 상기 디스플레이 엔진 입력 배열에 상기 벡터 지도의 객체 정보를 저장하는 제 3단계; 및
   상기 저장된 입력 배열을 지도 도엽 파일로 저장하는 제 4단계를 포함하되,
   상기 제 3단계는,
   상기 디스플레이 엔진의 데이터 파싱 결과로 저장된 상기 입력 배열에 대한 정보를 객체별로 저장하고,
   상기 디스플레이 엔진 입력 배열에 점, 선 또는 면의 좌표 열에 대한 정보를 저장하는 것을 특징으로 그래픽 기반의 웹 벡터 지도 표시 방법.
   
2. 제 1항에 있어서,
   상기 제 1단계의 상기 벡터 지도는 텍스트 기반의 JSON 포맷인 것을 특징으로 하는 그래픽 기반의 웹 벡터 지도 표시 방법.
   
3. 제 1항에 있어서,
   상기 제 2단계의 상기 입력 배열의 구성은 캔버스 엔진 또는 WebGL 엔진의 입력 값으로 데이터 파싱 및 연산되는 것을 특징으로 하는 그래픽 기반의 웹 벡터 지도 표시 방법.
   
4. 제 3항에 있어서,
   상기 연산 과정에서 활용되는 상기 벡터 지도의 데이터는 상기 연산 과정 수행 후 제거되는 것을 특징으로 하는 그래픽 기반의 웹 벡터 지도 표시 방법.
   
5. 삭제
6. 삭제
7. 제 1항에 있어서,
   상기 제 3단계는 상기 디스플레이 엔진 입력 배열에 RGB 색상 또는 테마에 대한 정보를 저장하는 것을 특징으로 하는 그래픽 기반의 웹 벡터 지도 표시 방법.

Images