KR102387264B1

KR102387264B1 - 웹 벡터 지도 표시 시스템 및 방법

Info

Publication number: KR102387264B1
Application number: KR1020150108031A
Authority: KR
Inventors: 권진영; 정현도; 김홍석; 서선미; 박연희
Original assignee: 현대오토에버 주식회사
Priority date: 2015-07-30
Filing date: 2015-07-30
Publication date: 2022-04-15
Also published as: WO2017018610A1; KR20170014516A

Abstract

본 발명은 웹 벡터 지도 표시 방법에 관한 것으로서, 미리 저장된 원본 벡터 지도 데이터로부터 디스플레이 엔진을 사용하여 서로 구분될 수 있는 종별 아이프레임들을 생성하는 아이프레임 생성 단계; 생성된 상기 종별 아이프레임들과 미리 저장된 단말장치 종류 정보로부터 단말장치별 웹 벡터 지도 데이터들을 생성하는 단말장치별 웹 벡터 지도 데이터 생성 단계; 웹 벡터 지도를 제공하는 웹 페이지에 접속한 적어도 하나의 단말장치로부터 접속장치 정보를 취득하는 접속장치 정보 취득 단계; 미리 저장된 단말장치 종류 정보와 취득된 상기 접속장치 정보를 서로 비교하여 접속한 상기 적어도 하나의 단말장치의 종류를 판단하는 단말장치 종류 판단 단계; 생성된 상기 단말장치별 웹 벡터 지도 데이터들로부터 판단된 상기 단말장치의 종류에 대응되는 서비스 웹 벡터 지도 데이터를 생성하는 서비스 웹 벡터 지도 데이터 생성 단계; 및 생성된 상기 서비스 웹 벡터 지도 데이터가 상기 적어도 하나의 단말장치에 구비된 표시부에 표시되도록 상기 디스플레이 엔진을 사용하여 웹 페이지에 제공하는 서비스 웹 벡터 지도 데이터 제공 단계; 를 포함할 수 있다.

Description

웹 벡터 지도 표시 시스템 및 방법{SYSTEM AND METHOD FOR DISPLAYING OF WEB VECTOR MAP BASED ON INLINE FRAME}

본 발명은 웹 벡터 지도 표시 시스템 및 방법에 관한 것으로서, 보다 구체적으로는 웹 페이지에 접속한 전자장치에 구비된 표시부의 사양에 따라 최적화된 벡터 지도를 제공하는 웹 벡터 지도 표시 시스템 및 방법에 관한 것이다.

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

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

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

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

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

한편, 종래의 내비게이션 시스템에서 제공되는 지도는 각각의 전자장치에 구비된 표시부의 사양에 상관없이 동일한 해상도 및 동일한 데이터의 량을 가진 지도 데이터를 제공하였다. 종래의 내비게이션 시스템을 사용하는 사용자들은 자신의 전장장치의 사양에 비례하여 불만족한 지도를 서비스 받았다.

따라서 다양한 사용자들이 사용 중인 전자장치들의 각각의 사양을 고려하여 가변적으로 최적화된 지도 데이터를 생성하여 제공할 수 있는 기술의 개발이 요구된다.

KR

10-1157581

B1

본 발명의 실시 예에 따른 웹 벡터 지도 표시 시스템 및 방법은, 웹 페이지에 접속하여 벡터 지도 서비스를 이용하는 각 전자장치는 각자의 사양에 따라 최적화된 벡터 지도를 제공할 수 있다.

또한, 본 발명의 실시 예는 따른 웹 벡터 지도 표시 방법 시스템 및 방법은, 웹 페이지에 접속하여 벡터 지도 서비스를 이용하는 각 전자장치의 표시부의 해상도에 따라 최적화된 벡터 지도를 제공할 수 있다.

본 발명의 실시 예에 따른 웹 벡터 지도 표시 방법은, 미리 저장된 원본 벡터 지도 데이터로부터 디스플레이 엔진을 사용하여 서로 구분될 수 있는 종별 아이프레임들을 생성하는 아이프레임 생성 단계; 생성된 상기 종별 아이프레임들과 미리 저장된 단말장치 종류 정보로부터 단말장치별 웹 벡터 지도 데이터들을 생성하는 단말장치별 웹 벡터 지도 데이터 생성 단계; 웹 벡터 지도를 제공하는 웹 페이지에 접속한 적어도 하나의 단말장치로부터 접속장치 정보를 취득하는 접속장치 정보 취득 단계; 미리 저장된 단말장치 종류 정보와 취득된 상기 접속장치 정보를 서로 비교하여 접속한 상기 적어도 하나의 단말장치의 종류를 판단하는 단말장치 종류 판단 단계; 생성된 상기 단말장치별 웹 벡터 지도 데이터들로부터 판단된 상기 단말장치의 종류에 대응되는 서비스 웹 벡터 지도 데이터를 생성하는 서비스 웹 벡터 지도 데이터 생성 단계; 및 생성된 상기 서비스 웹 벡터 지도 데이터가 상기 적어도 하나의 단말장치에 구비된 표시부에 표시되도록 상기 디스플레이 엔진을 사용하여 웹 페이지에 제공하는 서비스 웹 벡터 지도 데이터 제공 단계; 를 포함할 수 있다.

상기 원본 벡터 지도 데이터는, JSON 포맷으로 형성될 수 있다.

상기 디스플레이 엔진은, 상기 서비스 웹 벡터 지도 데이터가 나타내는 서비스 웹 벡터 지도를 상기 웹 페이지 상에 구현할 수 있는 Canvas 엔진 또는 WebGL 엔진을 포함할 수 있다.

상기 아이프레임 생성 단계는, 상기 미리 저장된 원본 벡터 지도 데이터로부터 서비스 종별에 따라 서로 구분될 수 있는 종별 데이터들을 분리하는 종별 데이터 분리 단계; 분리된 상기 종별 데이터들로부터 상기 서비스 종별에 따라 서로 구별될 수 있는 종별 레이어들을 생성하는 종별 레이어 생성 단계; 및 생성된 상기 종별 레이어들로부터 상기 서비스 종별에 따라 서로 구분할 수 있는 상기 종별 아이프레임들을 생성하는 종별 아이프레임 생성 단계; 를 더 포함할 수 있다.

상기 종별 레이어들은, 상기 표시부가 4인치 이하인 경우 표현될 수 있는 정보를 나타내는 간단 레이어(Simple Layer), 상기 표시부가 4인치 초과 10인치 미만인 경우 표현될 수 있는 정보를 나타내는 기본 레이어(Basic Layer) 및 상기 표시부가 10인치 이상인 경우 표현될 수 있는 정보를 나타내는 세부 레이어(Detail Layer)를 포함할 수 있다.

상기 종별 아이프레임들은, 상기 간단 레이어로부터 생성된 제1 아이프레임, 상기 기본 레이어로부터 생성된 제2 아이프레임 및 상기 세부 레이어로부터 생성된 제3 아이프레임 중 적어도 두 개 이상의 아이프레임을 포함할 수 있다.

상기 단말장치 종류 판단 단계는, 상기 미리 저장된 단말장치 종류 정보를 구성하는 웨어러블 전자장치 모델 정보, 모바일 전자장치 모델 정보 및 컴퓨터 모델 정보와 취득된 상기 접속장치 정보를 서로 비교하여 접속한 상기 적어도 하나의 단말장치의 종류를 판단할 수 있다.

상기 서비스 웹 벡터 지도 데이터는 HTML5 포맷으로 형성될 수 있다.

상기 서비스 웹 벡터 지도 데이터는, 상기 종별 아이프레임들 중 한 개의 아이프레임이 표시되도록 하는 정보를 포함되거나, 상기 종별 아이프레임들 중 적어도 두 개 이상의 아이프레임들이 서로 겹치어 표시되도록 하는 정보를 포함할 수 있다.

본 발명의 실시 예에 따른 웹 벡터 지도 표시 시스템은, 웹 벡터 지도를 서비스하는 웹 페이지에 접속한 적어도 하나의 단말장치와 유무선 통신방식으로 데이터를 송수신하는 통신부; 원본 벡터 지도 데이터 및 단말장치 종류 정보가 미리 저장된 저장부; 상기 웹 페이지에 접속한 상기 적어도 하나의 단말장치로부터 접속장치 정보를 상기 통신부를 통해 취득하는 접속장치 정보 취득부; 상기 원본 벡터 지도 데이터로부터 디스플레이 엔진을 사용하여 서로 구분될 수 있는 종별 아이프레임들을 생성하는 아이프레임 생성부; 생성된 상기 종별 아이프레임들과 상기 단말장치 종류 정보로부터 단말장치별 웹 벡터 지도 데이터들을 생성하는 단말장치별 웹 벡터 지도 데이터 생성부; 상기 전자장치 종류 정보와 취득된 상기 접속장치 정보를 비교하여 접속한 상기 적어도 하나의 단말장치의 종류를 판단하는 단말장치 종류 판단부; 생성된 상기 단말장치별 웹 벡터 지도 데이터들로부터 상기 판단된 단말장치의 종류에 대응되는 서비스 웹 벡터 지도 데이터를 생성하는 서비스 웹 벡터 지도 데이터 생성부; 및 생성된 상기 서비스 웹 벡터 지도 데이터를 상기 적어도 하나의 단말장치에 구비된 표시부에 표시되도록 상기 디스플레이 엔진을 사용하여 상기 통신부를 통해 웹 페이지에 제공하는 서비스 웹 벡터 지도 데이터 제공부; 로 구성되는 전자장치를 포함할 수 있다.

상기 아이프레임 생성부는, 상기 미리 저장된 원본 벡터 지도 데이터로부터 서비스 종별에 따라 서로 구분될 수 있는 종별 데이터들을 분리하는 종별 데이터 분리부; 분리된 상기 종별 데이터들로부터 상기 서비스 종별에 따라 서로 구별될 수 있는 종별 레이어들을 생성하는 종별 레이어 생성부; 및 생성된 상기 종별 레이어들로부터 상기 서비스 종별에 따라 서로 구분할 수 있는 상기 종별 아이프레임들을 생성하는 종별 아이프레임 생성부; 를 더 포함할 수 있다.

상기 단말장치 종류 판단부는, 웨어러블 전자장치 모델 정보, 모바일 전자장치 모델 정보 및 컴퓨터 모델 정보로 구성되는 상기 미리 저장된 단말장치 종류 정보와 취득된 상기 접속장치 정보를 서로 비교하여, 접속한 상기 적어도 하나의 단말장치의 종류를 판단할 수 있다.

상기 서비스 웹 벡터 지도 데이터는, HTML5 포맷으로 형성될 수 있다.

본 발명의 실시 예에 따른 그래픽 기반의 웹 벡터 지도 표시 시스템 및 방법에 따르면, 웹 벡터 지도를 서비스하는 웹 페이지에 접속한 적어도 하나의 전자장치의 사양을 고려하여 최적화된 벡터 지도를 제공함으로써 전자장치의 드로잉 속도 부하와 메모리 부하를 분산 및 최소화시킬 수 있다.

또한, 본 발명의 실시 예에 따른 그래픽 기반의 웹 벡터 지도 표시 시스템 및 방법에 따르면, 베이스 지도 데이터를 레이어별로 분리한 후, 전자장치의 사양에 따라 아이프레임을 사용하여 최적화된 웹 벡터 지도 데이터를 생성하여 전자장치에 제공함으로써 전자장치의 드로잉 속도 부하와 메모리 부하를 분산 및 최소화 시킬 수 있다.

도 1은 본 발명의 실시 예에 따른 웹 벡터 지도 표시 시스템을 나타내는 도면.
도 2는 본 발명의 실시 예에 따른 웹 벡터 지도 표시 방법을 나타내는 순서도.
도 3은 본 발명의 실시 예에 따른 아이프레인 생성을 나타내는 순서도.
도 4는 본 발명의 실시 예에 따른 웹 벡터 지도 표시 시스템의 동작을 간략하게 나타내는 예시도.
도 5는 본 발명의 실시 예에 따른 웹 벡터 지도 표시 시스템의 동작을 상세하게 나타내는 예시도.
도 6은 본 발명의 실시 예에 따른 간략 아이프레임의 표출되는 모습을 나타내는 예시도.
도 7은 본 발명의 실시 예에 따른 기본 아이프레임의 표출되는 모습을 나타내는 예시도.
도 8은 본 발명의 실시 예에 따른 상세 아이프레임의 표출되는 모습을 나타내는 예시도.
도 9는 본 발명의 실시 예에 따른 간략, 기본 및 상세 아이프레임이 겹쳐서 표출되는 모습을 나타내는 예시도.
도 10은 본 발명의 실시 예에 따른 단말장치별 표출되는 아이프레임의 모습을 나타내는 예시도.

이하, 첨부된 도면들에 기재된 내용들을 참조하여 본 발명에 따른 예시적 실시 예를 상세하게 설명한다. 다만, 본 발명이 예시적 실시 예들에 의해 제한되거나 한정되는 것은 아니다. 각 도면에 제시된 동일한 참조부호는 실질적으로 동일한 기능을 수행하는 부재를 나타낸다.

제1, 제2 등과 같이 서수를 포함하는 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 상기 구성요소들은 상기 용어들에 의해 한정되지는 않는다. 상기 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다. 예컨대, 본 발명의 권리 범위를 벗어나지 않으면서 제1 구성요소는 제2 구성요소로 명명될 수 있고, 유사하게 제2 구성요소도 제1 구성요소로 명명될 수 있다. 본 출원에서 사용한 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 본 발명을 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다.

본 발명에서 사용되는 용어는 본 발명에서의 기능을 고려하면서 가능한 현재 널리 사용되는 일반적인 용어들을 선택하였으나, 이는 당 분야에 종사하는 기술자의 의도 또는 판례, 새로운 기술의 출현 등에 따라 달라질 수 있다. 또한, 특정한 경우는 출원인이 임의로 선정한 용어도 있으며, 이 경우 해당되는 발명의 설명 부분에서 상세히 그 의미를 기재할 것이다. 따라서 본 발명에서 사용되는 용어는 단순한 용어의 명칭이 아닌, 그 용어가 가지는 의미와 본 발명의 전반에 걸친 내용을 토대로 정의되어야 한다.

명세서 전체에서 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있음을 의미한다.

후술하는 본 발명의 실시 예들에 따른 사용자의 단말장치는 터치스크린과 같은 표시부를 구비하는 임의의 전자장치일 수 있으며, 휴대 단말, 이동 단말, 통신 단말, 휴대용 이동 단말 등으로 칭할 수 있다. 예를 들어, 전자장치는 스마트폰, 휴대폰, 내비게이션 장치, 차량용 헤드 유닛, 노트북 컴퓨터, 태블릿(Tablet) 컴퓨터, 플렉서블 장치, 플렉서블 디스플레이 장치 등일 수 있다.

본 발명의 실시 예에 따른 원본 벡터 지도 데이터는 원시 벡터 지도 데이터는 웹 페이지에 접속한 적어도 하나의 외부 단말장치(미도시)에 제공될 서비스 웹 벡터 지도를 생성하기 위한 소스 데이터(Source data)이다.

또한, 본 발명의 실시 예에 따른 원본 벡터 지도 데이터는 최종 서비스될 서비스 웹 벡터 지도의 도엽 정보를 포함할 수 있다.

또한, 본 발명의 실시 예에 따른 원본 벡터 지도 데이터는 텍스트 기반의 언어로 구성된 JSON(JavaScript Objet Notation) 포맷(Format)으로 구성될 수 있다.

본 발명의 실시 예에 따른 원본 벡터 지도 데이터를 구성하는 JSON 포맷의 데이터는 JSON 포맷은 속성(Attribute) 값(Value) 쌍으로 구성되는 텍스트 기반의 정보 포맷으로, 서버와 클라이언트인 적어도 하나의 외부 단말장치 간 데이터를 교환하기 위한 목적으로 사용될 수 있다. 더욱 상세하게는, JSON 포멧은 객체(Object), 배열(Array), 값(Value), 문자열(String) 및 숫자(Number)와 같은 텍스트 기반의 자료형들을 포함하여 구성될 수 있다.

또한, 본 발명의 실시 예에 따른 원본 벡터 지도 데이터를 구성하는 JSON 포맷의 데이터는 종별로 구분될 수 있는 복수 개의 객체들로 구성될 수 있다.

또한, 본 발명의 실시 예에 따른 원본 벡터 지도 데이터를 구성하는 종별 중 적어도 하나의 종별은 복수 개의 단위 속성 레이어 정보로 구성될 수 있다.

또한, 본 발명의 실시 예에 따른 복수 개의 단위 속성 레이어 정보는 명칭 정보, 면형 정보, 선형 정보, 이미지 정보 및 텍스쳐 정보를 포함할 수 있다. 복수 개의 단위 속성 레이어 정보를 구성하는 명칭 정보, 면형 정보, 선형 정보, 이미지 정보 및 텍스쳐 정보의 다양한 조합으로 하기 자세히 설명될 간단 레이어, 기본 레이어 및 세부 레이어의 정보가 구성될 수 있다. 예를 들어, 간단 레이어의 정보는 단위 속성 정보 레이어의 명칭 및 일부 면형정보로 구성될 수 있다. 기본 레이어의 정보는 단위 속성 정보 레이어의 일부 면형정보 및 일부 선형정보로 구성될 수 있다. 상세 레이어의 정보는 단위 속성 정보 레이어의 일부 선형 정보, 면형 정보 및 이미지/텍스쳐 정보로 구성될 수 있다.

본 발명의 실시 예에 따른 종별 레이어들은 원본 벡터 지도 데이터로부터 생성될 수 있으며, 종별로 서로 구분될 수 있는 간단 레이어(Simple layer), 기본 레이어(Basic layer) 및 세부 레이어(Detail layer)를 포함할 수 있다.

본 발명의 실시 예에 따른 간단 레이어는 표시부가 4인치 이하인 단말장치에 의해 표출될 수 있는 서비스 웹 벡터 지도에 대한 정보로 정의될 수 있다.

또한, 본 발명의 실시 예에 따른 간단 레이어는 저해상도 사양의 단말장치에 의해 표출될 수 있는 서비스 웹 벡터 지도에 대한 정보로 정의될 수 있다.

또한, 본 발명의 실시 예에 따른 간단 레이어에 표현될 수 있는 정보는 대표명칭(랜드마크성 주기) 표출과 주요면형객체의 외각선 정보를 포함할 수 있다. 예를 들면, 랜드마크성 주기는 산의 명칭, 주요 건물 명칭이 될 수 있으며, 주요면형객체의 외각선으로는 고속도로, 도시고속도로, 4차선 이상의 도로 외각선을 나타낼 수 있다.

본 발명의 실시 예에 따른 기본 레이어는 표시부가 4인치를 초과하며 10인치 미만인 단말장치에 의해 표출될 수 있는 서비스 웹 벡터 지도에 대한 정보로 정의될 수 있다.

또한, 본 발명의 실시 예에 따른 기본 레이어에 표현되는 정보는 랜드마크성 객체의 외각선 및 주요면형객체의 속성정보를 포함할 수 있다. 예를 들어, 기본 레이어는 랜드마크성 객체의 외각선 정보로는 산의 외각 선, 주요건물의 외각선이될 수 있으며, 주요면형객체의 속성정보로는 도로 중앙선 및 2차선 이하의 도로 외각선을 나타낼 수 있다

본 발명의 실시예에 따른 세부 레이어는 표시부가 10인치 이상의 단말장치에 의해 표출될 수 있는 서비스 웹 벡터 지도에 대한 정보로 정의될 수 있다.

또한, 본 발명의 실시 예에 따른 세부 레이어는 고해상도 사양의 단말장치에 의해 표출될 수 있는 서비스 웹 벡터 지도에 대한 정보로 정의될 수 있다.

또한, 본 발명의 실시 예에 따른 상세 레이어(Detail layer)에 표현되는 정보는 객체 및 그래픽 정보의 상세화 레벨 및 텍스쳐, 이미지들로 구성된 정보를 포함할 수 있다. 예를 들어, 세부 레이어는 상세화 레벨 정보로 산의 등고선 정보가 될 수 있으며, 텍스쳐, 이미지 정보로는 건물의 텍스쳐 정보, 도로의 차선 이미지 정보 등을 포함할 수 있다.

본 발명의 실시 예에 따른 아이프레임들은 종별 레이어들로부터 디스플레이 엔진을 사용하여 생성될 수 있으며, 간단 레이어로부터 생성된 제1 아이프레임, 기본 레이어로부터 생성된 제2 아이프레임 및 세부 레이어로부터 생성된 제3 아이프레임 중 적어도 두 개 이상의 아이프레임을 포함할 수 있다.

본 발명의 실시 예에 따른 접속장치 정보는 서비스 웹 벡터 지도가 제공되는 웹 페이지에 접속한 적어도 하나의 외부 단말장치의 정보로써, 단말장치의 모델 정보 또는 단말장치에 구비된 표시부의 해상도 정보를 포함할 수 있다.

본 발명의 실시 예에 따른 단말장치의 종류 정보는 서버에 구비된 저장부에 미리 저장된 정보로써, 웹 페이지에 접속한 적어도 하나의 외부 단말장치로부터 취득한 접속장치 정보와 하나가 대응되는 정보로써, 웨어러블 전자장치 모델 정보, 모바일 전자장치 모델 정보 및 컴퓨터 모델 정보를 포함할 수 있다.

본 발명의 실시 예에 따른 서비스 웹 벡터 지도 데이터는 웹 페이지에 접속한 적어도 하나의 외부 단말장치의 표시부를 통해 표출되도록 제공되는 서비스 웹 벡터 지도를 나타내는 데이터이다.

또한, 본 발명의 실시 예에 따른 서비스 웹 벡터 지도 데이터는 HTML5 포맷으로 형성될 수 있다.

또한, 본 발명의 실시 예에 따른 서비스 웹 벡터 지도 데이터는 서비스 웹 벡터 지도가 제공되는 웹 페이지에 접속한 단말장치의 모델 정보 또는 표시부의 해상도에 따라 대응하여 제공될 수 있다.

또한, 본 발명의 실시 예에 따른 서비스 웹 벡터 지도 데이터는 종별 아이프레임들 중 한 개의 아이프레임이 표시되도록 하는 정보를 포함하거나, 종별 아이프레임들 중 적어도 두 개 이상의 아이프레임들이 서로 겹치어 표시되도록 하는 정보를 포함할 수 있다. 더욱 상세하게는, 웹 페이지에 접속한 적어도 하나의 외부 단말장치가 웨어러블 전자장치인 경우, 서비스 웹 벡터 지도는 디스플레이 엔진을 통해 제1 아이프레임이 표출되어 제공될 수 있다. 또한, 웹 페이지에 접속한 적어도 하나의 외부 단말장치가 모바일 전자장치인 경우, 서비스 웹 벡터 지도는 디스플레이 엔진을 통해 제1 아이프레임 및 제2 아이프레임이 서로 겹쳐서 표출되어 제공될 수 있다. 또한, 웹 페이지에 접속한 적어도 하나의 외부 단말장치가 컴퓨터인 경우, 서비스 웹 벡터 지도는 디스플레이 엔진을 통해 제1 아이프레임, 제2 아이프레임 및 제3 아이프레임이 서로 겹쳐서 표출되어 제공될 수 있다.

본 발명의 실시 예에 따른 디스플레이 엔진은 웹 페이지 상에 서비스 웹 벡터 지도를 구현할 수 있다.

또한, 본 발명의 실시 예에 따른 디스플레이 엔진은 웹 페이지 상에 종별 아이프레임을 구성하는 각각의 아이프레임을 구현할 수 있다.

또한, 본 발명의 실시 예에 따른 디스플레이 엔진은 Canvas 엔진 또는 WebGL 엔진을 포함할 수 있다.

도 1은 본 발명의 실시 예에 따른 그래픽 기반의 웹 벡터 지도 표시 시스템을 나타내는 도면이다.

도 1을 참조하면, 본 발명의 실시 예에 따른 웹 벡터 지도 표시 시스템(100)은 저장부(110), 통신부(120) 및 제어부(130)를 포함할 수 있다.

저장부(110)는 원시 벡터 지도 데이터, 단말장치 종류 정보를 미리 저장할 수 있다.

통신부(120)는 웹 페이지에 접속한 적어도 하나의 외부 단말장치(미도시)와 유무선 통신 방식을 통해 데이터를 송수신할 수 있다.

제어부(130)는 저장부(110) 및 통신부(120)의 동작을 제어할 수 있다.

또한, 제어부(130)는 접속장치 정보 취득부(131), 아이프레임 생성부(132), 단말장치별 웹 벡터 지도 데이터 생성부(133), 단말장치 종류 판단부(134), 서비스 웹 벡터 지도 데이터 생성부(135) 및 서비스 웹 벡터 지도 데이터 제공부(136)를 포함할 수 있다.

접속장치 정보 취득부(131)는 웹 벡터 지도를 제공하는 웹 페이지에 접속한 적어도 하나의 외부 단말장치로부터 접속장치 정보를 통신부(120)를 통해 취득할 수 있다. 접속장치 정보는 단말장치의 모델을 나타내는 모델명 정보 및 단말장치에 구비된 표시부의 해상도 정보 중 적어도 하나를 포함할 수 있다.

그 후, 아이프레임 생성부(132)는 저장부(110)에 미리 저장된 원본 벡터 지도 데이터로부터 디스플레이 엔진을 사용하여 서로 구분될 수 있는 종별 아이프레임들을 생성할 수 있다. 더욱 상세하게는, 아이프레임 생성부(132)는 저장부(110)에 미리 저장된 원본 벡터 지도 데이터로부터 서비스 종별에 따라 서로 구분될 수 있는 종별 데이터들을 분리하는 종별 데이터 분리부(미도시), 분리된 종별 데이터들로부터 서비스 종별에 따라 서로 구별될 수 있는 종별 레이어들을 생성하는 종별 레이어 생성부(미도시), 종별 레이어들로부터 서비스 종별에 따라 서로 구분할 수 있는 종별 아이프레임들을 생성하는 종별 아이프레임 생성부(미도시)를 더 포함할 수 있다. 여기서 아이프레임 생성부(132)는 생성된 종별 레이어들로부터 서비스 종별에 따라 서로 구분할 수 있는 종별 아이프레임들을 생성 시 웹 페이지 상에 종별 아이프레임들을 구현할 수 있는 디스플레이 엔진을 사용할 수 있다. 디스플레이 엔진으로는 Canvas 엔진 또는 WebGL 엔진을 포함할 수 있다.

그 후, 단말장치별 웹 벡터 지도 데이터 생성부(133)는 아이프레임 생성부(132)에서 생성된 종별 아이프레임들과 저장부(110)에 미리 저장된 단말장치 종류 정보로부터 단말장치별 웹 벡터 지도 데이터를 생성할 수 있다. 더욱 상세하게는, 단말장치별 웹 벡터 지도 데이터 생성부(133)는 단말장치 종류 정보가 나타내는 단말장치 종류에 대응되는 웹 벡터 지도 데이터를 종별 아이프레임들 중 적어도 하나의 아이프레임을 사용하여 생성할 수 있다.

그 후, 단말장치 종류 판단부(134)는 접속장치 정보 취득부(131)에서 취득된 접속장치 정보와 저장부(110)에 미리 저장된 단말장치 정보를 서로 비교하여, 웹 페이지에 접속한 적어도 하나의 외부 단말장치의 종류를 판단할 수 있다. 예를 들어, 단말장치 종류 판단부(134)는 저장부(110)에 미리 저장된 단말장치 정보를 구성하는 웨어러블 전자장치 모델 정보, 모바일 전자장치 모델 정보 및 퍼스널 컴퓨터 모델 정보 중 접속장치 정보가 어느 정보에 속하는지 단말장치의 종류를 판단할 수 있다.

그 후, 서비스 웹 벡터 지도 데이터 생성부(135)는 단말장치별 웹 벡터 지도 데이터 생성부(133)에서 생성된 단말장치별 웹 벡터 지도 데이터로부터 단말장치 종류 판단부(134)에서 판단된 단말장치의 종류에 대응되는 서비스 웹 벡터 지도 데이터를 생성할 수 있다.

그 후, 서비스 웹 벡터 지도 데이터 제공부(136)는 서비스 웹 벡터 지도 데이터 생성부(135)에서 생성된 서비스 웹 벡터 지도 데이터가 적어도 하나의 단말장치에 구비된 표시부에 표시되도록 디스플레이 엔진을 사용하여 웹 페이지에 제공할 수 있다.

도 2는 본 발명의 실시 예에 따른 웹 벡터 지도 표시 방법을 나타내는 순서도이다.

도 2를 참조하면, 본 발명의 실시 예에 따른 웹 벡터 지도 표시 시스템(100)의 제어부(130)는 저장부(110)에 미리 저장된 원본 벡터 지도 데이터로부터 디스플레이 엔진을 사용하여 서로 구분될 수 있는 종별 아이프레임들을 생성하는 아이프레임 생성 단계(S210)를 수행할 수 있다.

더욱 상세하게는, 본 발명의 실시 예에 따른 아이프레임 생성 단계(S210)는 다음과 같은 단계들을 더 포함할 수 있다. 도 3은 본 발명의 실시 예에 따른 아이프레인 생성을 나타내는 순서도이다. 도 3을 참조하면, 본 발명의 실시 예에 따른 웹 벡터 지도 표시 시스템(100)의 제어부(130)는 저장부(110)에 미리 저장된 원본 벡터 지도 데이터로부터 서비스 종별에 따라 서로 구분될 수 있는 종별 데이터들을 분리하는 종별 데이터 분리 단계(S211)를 수행할 수 있다. 그 후, 제어부(130)는 분리된 종별 데이터들로부터 서비스 종별에 따라 서로 구별될 수 있는 종별 레이어들을 생성하는 종별 레이어 생성 단계(S212)를 수행할 수 있다. 그 후, 제어부(130)는 생성된 종별 레이어들로부터 서비스 종별에 따라 서로 구분할 수 있는 종별 아이프레임들을 생성하는 종별 아이프레임 생성 단계(S213)를 수행할 수 있다.

그 후, 제어부(130)는 생성된 종별 아이프레임들과 저장부(110)에 미리 저장된 단말장치 종류 정보로부터 단말장치별 웹 벡터 지도 데이터들을 생성하는 단말장치별 웹 벡터 지도 데이터 생성 단계(S220)를 수행할 수 있다.

그 후, 제어부(130)는 웹 벡터 지도를 제공하는 웹 페이지에 접속한 적어도 하나의 단말장치로부터 접속장치 정보를 취득하는 접속장치 정보 취득 단계(S230)을 수행할 수 있다.

그 후, 제어부(130)는 저장부(110)에 미리 저장된 단말장치 종류 정보와 취득된 접속장치 정보를 서로 비교하여 웹 페이지에 접속한 적어도 하나의 단말장치의 종류를 판단하는 단말장치 종류 판단 단계(S240)를 수행할 수 있다.

그 후, 제어부(130)는 생성된 단말장치별 웹 벡터 지도 데이터들로부터 판단된 단말장치의 종류에 대응되는 서비스 웹 벡터 지도 데이터를 생성하는 서비스 웹 벡터 지도 데이터 생성 단계(S250)를 수행할 수 있다.

그 후, 제어부(130)는 생성된 서비스 웹 벡터 지도 데이터가 적어도 하나의 단말장치에 구비된 표시부에 표시되도록 디스플레이 엔진을 사용하여 웹 페이지에 제공하는 서비스 웹 벡터 지도 데이터 제공 단계(S260)을 수행할 수 있다.

상술된 본 발명의 실시 예에 따른 웹 벡터 지도 표시 시스템 및 방법은 서비스 웹 벡터 지도를 제공하는 웹 페이지에 접속한 적어도 하나의 외부 단말장치의 접속정보에 대응되는 서비스 웹 벡터 지도를 제공할 수 있다.

더욱 상세하게는 도 4는 본 발명의 실시 예에 따른 웹 벡터 지도 표시 시스템의 동작을 간략하게 나타내는 예시도이고, 도 5는 본 발명의 실시 예에 따른 웹 벡터 지도 표시 시스템의 동작을 상세하게 나타내는 예시도이며, 도 10은 본 발명의 실시 예에 따른 단말장치별 표출되는 아이프레임의 모습을 나타내는 예시도이다.

도 4를 참조하면, 본 발명의 실시 예에 따른 웹 벡터 지도 표시 시스템(100)은 간략 레이어(401)로부터 제1 아이프레임(404), 기본 레이어(402)로부터 제2 아이프레임(405) 및 세부 레이어(403)로부터 제3 아이프레임(406)을 각각 생성하고, 웹 페이지에 접속한 제1 내지 제3 단말장치들(407, 408, 409)의 각각의 접속정보에 대응되도록 구성된 서비스 웹 벡터 지도를 각각의 단말장치에 제공할 수 있다. 서비스 웹 벡터 지도를 나타내는 서비스 웹 벡터 지도 데이터는 웹 벡터 지도 표시 시스템(100)의 제어부(130)에 의해 제1 내지 제3 아이프레임들 중 적어도 하나의 아이프레임을 표출하도록 생성될 수 있다.

도 5를 참조하면, 본 발명의 실시 예에 따른 웹 벡터 지도 표시 시스템(100)의 제어부(130)는 저장부(110)에 미리 저장된 원본 벡터 지도 데이터(501)로부터 서비스별로 서로 구분될 수 있는 간략 레이어(502), 기본 레이어(503) 및 세부 레이어(504)를 각각 생성할 수 있다. 그 후, 제어부(130)는 디스플레이 엔진(505)을 통해 간략 레이어(502)로부터 제1 아이프레임(506), 기본 레이어(503)로부터 제2 아이프레임(507) 및 세부 레이어(504)로부터 제3 아이프레임(508)을 각각 생성할 수 있다. 그 후, 서비스 웹 벡터 지도를 제공하는 웹 페이지에 접속한 적어도 하나의 외부 단말장치로부터 취득된 접속장치 정보에 대응되는 서비스 웹 벡터 지도 데이터(509)를 생성하여 Canvas와 같은 디스플레이 엔진을 통해 단말장치에 구비된 표시부에 서비스 웹 벡터 지도가 표출되도록 제공할 수 있다.

도 10을 참조하면, 본 발명의 실시 예에 따른 웹 벡터 지도 표시 시스템(100)은 서비스 웹 벡터 지도를 제공하는 웹 페이지에 접속한 적어도 하나의 외부 단말장치의 접속정보에 대응되는 최적화된 서비스 웹 벡터 지도를 제공할 수 있다.

도 6은 본 발명의 실시 예에 따른 간략 아이프레임의 표출되는 모습을 나타내는 예시도이다.

도 6을 참조하면, 본 발명의 실시 예에 따른 간략 아이프레임(제1 아이프레임)은 간략 레이어로부터 생성된다.

도 6에 도시된 바와 같이 간략 아이프레임을 통해 산을 나타내는 산 도형(610), 산의 명칭(620), 건물을 나타내는 건물 도형(630), 건물 명칭(640), 도로 면형(650) 및 도로 명칭(660) 등이 표출될 수 있다.

따라서 간략 아이프레임이 표출되는 서비스 웹 벡터 지도는 스마트 워치와 같은 웨어러블 단말장치의 표시부에 표출되기 유용하게 제공될 수 있다.

도 7은 본 발명의 실시 예에 따른 기본 아이프레임의 표출되는 모습을 나타내는 예시도이다.

도 7을 참조하면, 본 발명의 실시 예에 따른 기본 아이프레임(제2 아이프레임)은 기본 레이어로부터 생성된다.

도 7에 도시된 바와 같이 기본 아이프레임을 통해 산 면형(710), 건물 면형(720) 및 도로의 중앙선(730) 등이 표출될 수 있다.

따라서 간략 아이프레임과 기본 아이프레임이 겹쳐지도록 표출되는 서비스 웹 벡터 지도는 스마트 폰, 내비게이션 등과 같은 모바일 단말장치의 표시부에 표출되기 유용하게 제공될 수 있다.

도 8은 본 발명의 실시 예에 따른 상세 아이프레임의 표출되는 모습을 나타내는 예시도이며, 도 9는 본 발명의 실시 예에 따른 간략, 기본 및 상세 아이프레임이 겹쳐서 표출되는 모습을 나타내는 예시도이다.

도 8을 참조하면, 본 발명의 실시 예에 따른 세부 아이프레임(제3 아이프레임)은 세부 레이어로부터 생성된다.

도 8에 도시된 바와 같이 세부 아이프레임을 통해 산의 등고선(810), 건물 텍스쳐(820) 및 도로의 차선 이미지(830) 등이 표출될 수 있다.

따라서 도9에 도시된 바와 같은 간략 아이프레임, 기본 아이프레임 및 세부 아이프레임이 겹쳐지도록 표출되는 서비스 웹 벡터 지도(910)는 컴퓨터와 같은 단말장치의 표시부에 표출되기 유용하게 제공될 수 있다.

일반적으로 본 명세서에서 사용된 용어는, 특히 청구항에서(예를 들어, 청구항의 본문) 일반적으로 "개방적인" 용어로 의도된다(예를 들어, "포함하는"은 "포함하나 이에 제한되지 않는"으로, "가지다"는 "적어도 그 이상으로 가지다"로, "포함하다"는 "포함하나 이에 제한되지 않는다"로 해석되어야 함). 도입된 청구항 기재에 대하여 특정한 개수가 의도되는 경우, 이러한 의도는 해당 청구항에서 명시적으로 기재되며, 이러한 기재가 부재하는 경우 이러한 의도는 존재하지 않는 것으로 이해된다.

본 발명의 특정 특징만이 본 명세서에서 도시되고 설명되었으며, 다양한 수정 및 변경이 당업자에 대하여 발생할 수 있다. 그러므로 청구항은 본 발명의 사상 내에 속하는 변경 및 수정을 포함하는 것으로 의도된다는 점이 이해된다.

100: 웹 벡터 지도 표시 시스템
110: 저장부
120: 통신부
130: 제어부
131: 접속장치 정보 취득부
132: 아이프레임 생성부
133: 단말장치별 웹 벡터 지도 데이터 생성부
134: 단말장치 종류 판단부
135: 서비스 웹 벡터 지도 데이터 생성부
136: 서비스 웹 벡터 지도 데이터 제공부

Claims

미리 저장된 원본 벡터 지도 데이터로부터 디스플레이 엔진을 사용하여 서로 구분될 수 있는 종별 아이프레임들을 생성하는 아이프레임 생성 단계;
생성된 상기 종별 아이프레임들과 미리 저장된 단말장치 종류 정보로부터 단말장치별 웹 벡터 지도 데이터들을 생성하는 단말장치별 웹 벡터 지도 데이터 생성 단계;
웹 벡터 지도를 제공하는 웹 페이지에 접속한 적어도 하나의 단말장치로부터 접속장치 정보를 취득하는 접속장치 정보 취득 단계;
미리 저장된 단말장치 종류 정보와 취득된 상기 접속장치 정보를 서로 비교하여 접속한 상기 적어도 하나의 단말장치의 종류를 판단하는 단말장치 종류 판단 단계;
상기 단말장치의 종류에 대응되는 상기 단말장치별 웹 벡터 지도 데이터들로부터 판단된 상기 단말장치의 종류에 대응되는 서비스 웹 벡터 지도 데이터를 생성하는 서비스 웹 벡터 지도 데이터 생성 단계; 및
생성된 상기 서비스 웹 벡터 지도 데이터가 상기 적어도 하나의 단말장치에 구비된 표시부에 표시되도록 상기 디스플레이 엔진을 사용하여 웹 페이지에 제공하는 서비스 웹 벡터 지도 데이터 제공 단계;를 포함하여 구성되며,
상기 아이프레임 생성 단계는,
상기 미리 저장된 원본 벡터 지도 데이터로부터 서비스 종별에 따라 서로 구분될 수 있는 종별 데이터들을 분리하는 종별 데이터 분리 단계;
분리된 상기 종별 데이터들로부터 상기 서비스 종별에 따라 서로 구별될 수 있는 종별 레이어들을 생성하는 종별 레이어 생성 단계; 및
생성된 상기 종별 레이어들로부터 상기 서비스 종별에 따라 서로 구분할 수 있는 상기 종별 아이프레임들을 생성하는 종별 아이프레임 생성 단계;
를 포함하고,
상기 서비스 웹 벡터 지도 데이터는,
상기 종별 아이프레임들 중 한 개의 아이프레임이 표시되도록 하는 정보를 포함하거나, 상기 종별 아이프레임들 중 적어도 두 개 이상의 아이프레임들이 서로 겹치어 표시되도록 하는 정보를 포함하는 것;
을 특징으로 하는 웹 벡터 지도 표시 방법.
제1 항에 있어서, 상기 원본 벡터 지도 데이터는,
JSON 포맷으로 형성되는 웹 벡터 지도 표시 방법.
제1 항에 있어서, 상기 디스플레이 엔진은,
상기 서비스 웹 벡터 지도 데이터가 나타내는 서비스 웹 벡터 지도를 상기 웹 페이지 상에 구현할 수 있는 Canvas 엔진 또는 WebGL 엔진을 포함하는 웹 벡터 지도 표시 방법.
삭제
제1 항에 있어서, 상기 종별 레이어들은,
상기 표시부가 4인치 이하인 경우 표현될 수 있는 정보를 나타내는 간략 레이어(Simple Layer), 상기 표시부가 4인치 초과 10인치 미만인 경우 표현될 수 있는 정보를 나타내는 기본 레이어(Basic Layer) 및 상기 표시부가 10인치 이상인 경우 표현될 수 있는 정보를 나타내는 세부 레이어(Detail Layer)를 포함하는 웹 벡터 지도 표시 방법.
제5 항에 있어서, 상기 종별 아이프레임들은,
상기 간략 레이어로부터 생성된 제1 아이프레임, 상기 기본 레이어로부터 생성된 제2 아이프레임 및 상기 세부 레이어로부터 생성된 제3 아이프레임 중 적어도 두 개 이상의 아이프레임을 포함하는 웹 벡터 지도 표시 방법.
제1 항에 있어서, 상기 단말장치 종류 판단 단계는,
상기 미리 저장된 단말장치 종류 정보를 구성하는 웨어러블 전자장치 모델 정보, 모바일 전자장치 모델 정보 및 컴퓨터 모델 정보와 취득된 상기 접속장치 정보를 서로 비교하여 접속한 상기 적어도 하나의 단말장치의 종류를 판단하는 웹 벡터 지도 표시 방법.
제1 항에 있어서, 상기 서비스 웹 벡터 지도 데이터는
HTML5 포맷으로 형성되는 것을 특징으로 하는 웹 벡터 지도 표시 방법.
삭제
삭제
삭제
삭제
삭제
삭제
삭제
삭제
삭제
삭제