KR102174524B1 - Electronic map service method and system - Google Patents

Electronic map service method and system Download PDF

Info

Publication number
KR102174524B1
KR102174524B1 KR1020200042035A KR20200042035A KR102174524B1 KR 102174524 B1 KR102174524 B1 KR 102174524B1 KR 1020200042035 A KR1020200042035 A KR 1020200042035A KR 20200042035 A KR20200042035 A KR 20200042035A KR 102174524 B1 KR102174524 B1 KR 102174524B1
Authority
KR
South Korea
Prior art keywords
user terminal
map
location
navigation
user
Prior art date
Application number
KR1020200042035A
Other languages
Korean (ko)
Inventor
안정훈
Original Assignee
안정훈
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 안정훈 filed Critical 안정훈
Priority to KR1020200042035A priority Critical patent/KR102174524B1/en
Application granted granted Critical
Publication of KR102174524B1 publication Critical patent/KR102174524B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09BEDUCATIONAL OR DEMONSTRATION APPLIANCES; APPLIANCES FOR TEACHING, OR COMMUNICATING WITH, THE BLIND, DEAF OR MUTE; MODELS; PLANETARIA; GLOBES; MAPS; DIAGRAMS
    • G09B29/00Maps; Plans; Charts; Diagrams, e.g. route diagram
    • G09B29/003Maps
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04WWIRELESS COMMUNICATION NETWORKS
    • H04W4/00Services specially adapted for wireless communication networks; Facilities therefor
    • H04W4/02Services making use of location information

Landscapes

  • Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Tourism & Hospitality (AREA)
  • Educational Administration (AREA)
  • General Health & Medical Sciences (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Mathematical Physics (AREA)
  • Health & Medical Sciences (AREA)
  • Economics (AREA)
  • Educational Technology (AREA)
  • Human Resources & Organizations (AREA)
  • Marketing (AREA)
  • Primary Health Care (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • User Interface Of Digital Computer (AREA)
  • Instructional Devices (AREA)
  • Navigation (AREA)

Abstract

The present invention provides an electronic map service method and a system thereof which can dynamically control to move or stop an element such as a specific feature/building/object on a map in accordance with a current location and scale in a web-based electronic map. The electronic map service method comprises: a step of displaying an animation icon, and using a clustering technique for grouping many overlapping areas to optimize the rendering speed for the animation icon to transmit the animation icon to the user terminal to output a map to a web browser screen; a step of recording a user location, displaying an icon representing a trail passing point on the web browser screen, and providing the user terminal with an issued completion certificate if visit points of a corresponding trail are all visited; and a step of providing the user terminal with a popup window with a navigation button to display the popup window on a screen, calling a navigation API to switch to a navigation screen, and providing the user terminal with the navigation screen to perform a navigation linking operation.

Description

전자 지도 서비스 방법 및 시스템{ELECTRONIC MAP SERVICE METHOD AND SYSTEM}Electronic map service method and system {ELECTRONIC MAP SERVICE METHOD AND SYSTEM}

본 발명은 전자 지도에 관한 것으로, 보다 상세하게는 동적 요소를 포함하는 전자 지도 서비스를 제공하는 방법 및 그 시스템에 관한 것이다.The present invention relates to an electronic map, and more particularly, to a method and system for providing an electronic map service including dynamic elements.

전자 지도를 서비스하기 위한 다양한 방법들이 제안되고 있다. 최근의 전자 지도 서비스는, 지도 표시에 더하여 관심 지점(Points Of Interests; POI) 검색 및 경로 탐색 기능과, 대중 교통 실시간 정보 및 맛집 정보 제공 등의 다양한 부가 서비스를 제공한다.Various methods have been proposed to service electronic maps. In addition to map display, recent electronic map services provide a variety of additional services such as Points Of Interests (POI) search and route search functions, and real-time public transportation information and restaurant information.

지리정보시스템(geographic information system; GIS)이 인터넷 기술과 결합하면서 인터넷을 이용하여 편리하게 지도를 찾아볼 수 있는 인터넷 기반의 지도 검색 기술이 점차 보편화되고 있다. GIS는 공간에 관련된 문제를 해결하기 위하여 지As geographic information system (GIS) is combined with Internet technology, Internet-based map search technology that allows convenient map search using the Internet is becoming increasingly common. GIS is designed to solve problems related to space.

리 자료를 이용하고 관리하기 위한 컴퓨터 기반의 시스템을 의미한다. GIS의 구축에 있어서 가장 기초적인 자료는 수치지도(digital map)이다. 수치지도는 고전적인 종이지도와 달리, 측량지도, 항공사진, 위성영상 등에 의하여 얻어진 각종 지형It refers to a computer-based system for using and managing data. The most basic data in the construction of GIS is a digital map. Unlike traditional paper maps, digital maps are a variety of topographic maps, aerial photographs, and satellite images.

자료들을 해석하고 수치 편집하여 제작되며 이를 색인화하여 파일 형태로 저장한 것이다. 한편, 최근에는 항공사진, 위성 영상과 같은 사진영상을 직접 화면상에 표시함으로써 수치지도의 단점인 미흡한 현실감과 입체감 등을 보완하고 있다. 그런데 현재의 인터넷 지도 검색 기술은 사용자가 원하는 지역의 지도를 얼마나 현실감 있게 보여줄 수 있는지, 그 지도가 실세계를 얼마나 정확하게 반영하고 있고 얼마나 최신의 정보를 담고 있는지에 초점이 맞춰져 있다.It is produced by interpreting the data and editing numerical values, indexed and saved in a file format. On the other hand, recently, photographic images such as aerial photographs and satellite images are directly displayed on the screen to compensate for the inadequate realism and three-dimensional effect of digital maps. However, the current internet map search technology focuses on how realistically the map of the region desired by the user can be displayed, and how accurately the map reflects the real world and contains the latest information.

즉, 검색 결과로서 제공되는 지도는 (그 지도가 수치지도이든 사진영상이든지 간에) 특정 시점의 정적 지리정보를 보여주는 데 그칠 뿐, 시간에 따라 공간적으로 변화하는 동적 지리정보(동적 요소)를 보여주지는 못하고 있다.In other words, the map provided as a search result (whether the map is a digital map or a photographic image) only shows static geographic information at a specific point in time, and does not show dynamic geographic information (dynamic elements) that change spatially over time. Is not.

특허 등록번호 10-0316804{등록일: 2000년 9월 5일}Patent registration number 10-0316804 {Registration date: September 5, 2000}

본 발명이 해결하고자 하는 과제는 전술한 바와 같은 단점을 해결하기 위한 것으로, 웹기반 전자 지도에서 현재 위치 및 축척에 따라 맵 위의 특정 지물/건물/사물 등의 요소가 움직이거나 멈추도록 동적으로 제어할 수 있는 전자 지도 서비스 방법 및 그 시스템을 제공하는데 있다.The problem to be solved by the present invention is to solve the above-described drawbacks, and dynamically control elements such as specific features/buildings/objects on the map to move or stop according to the current location and scale in a web-based electronic map. It is to provide a possible electronic map service method and system.

본 발명에 따른 전자 지도 서비스 방법은 (i) 웹 브라우저에 의해 지도 서버와 연동하는 사용자 단말로부터 지도 정보의 요청에 응답하여 위치나 축척 정보에 맞게 사용자 단말에 위치 및 축척 정보에 따른 3차원 컴퓨터 그래픽 환경을 구성하는 씬 그래프를 생성하고 동적 요소인 사용자 상호 작용을 위한 광원, 입자, 물리 효과의 기능을 갖고 웹 그래픽 라이브러리를 이용하여 하드웨어 가속 기능을 활용하여 벡터 그래픽으로 구성된 애니메이션 아이콘을 표시하고, 갯수가 많은 중첩 영역에 대하여 그룹핑하는 클러스터링 기술을 이용하여 상기 애니메이션 아이콘에 대한 렌더링 속도를 최적화하여 상기 사용자 단말에 전송하여 지도를 웹 브라우저 화면에 출력하는 단계; (ii) 상기 사용자 단말의 웹 브라우저에서 사용자 위치를 주기적으로 상기 지도 서버로 전송하여 둘레길 서비스를 요청한 경우, 상기 지도 서버는 상기 사용자 단말로부터의 상기 사용자 위치를 둘레길 위치 데이터와 비교하여 상기 둘레길 위치 데이터 범위 내에 있는 지를 판단하고 상기 사용자 위치가 리스트에 이미 등록되어 있는 지를 판단하여 상기 사용자 위치를 기록하고 상기 웹 브라우저 화면상에 둘레길 통과 지점을 나타내는 아이콘을 표출하고 해당 둘레길의 방문 지점을 모두 완주한 경우 완주 인증서 발급을 상기 사용자 단말로 제공하는 단계; 및 (iii) 상기 사용자 단말에 의해 상기 웹 브라우저 화면에 출력된 상기 지도에서 원하는 목적지 지점을 일정 시간 이상 터치하여 네비게이션 연동을 요청한 경우, 네비게이션 버튼을 구비한 팝업창을 상기 사용자 단말로 제공하여 화면에 표시하고 상기 사용자 단말이 상기 팝업창에서 상기 네비게이션 버튼을 선택한 경우, 네비 API를 호출하여 네비게이션 화면으로 전환하고 상기 사용자 단말로 제공하여 네비게이션 연동 동작을 수행하는 단계를 포함하는 것을 특징으로 한다.The electronic map service method according to the present invention comprises (i) a three-dimensional computer graphic according to the location and scale information in the user terminal according to the location or scale information in response to a request for map information from a user terminal interlocking with the map server through a web browser. Creates a scene graph that composes the environment, has the functions of light sources, particles, and physics effects for user interaction, which are dynamic elements, and displays animation icons composed of vector graphics using a hardware acceleration function using a web graphic library. Optimizing the rendering speed of the animation icon by using a clustering technique for grouping the overlapping areas of which there are many overlapping areas, transmitting the animation icon to the user terminal, and outputting a map on a web browser screen; (ii) When the web browser of the user terminal periodically transmits the user location to the map server to request the Dullegil service, the map server compares the user's location from the user terminal with the Dullegil location data and It determines whether it is within the range of the road location data, and records the user location by determining whether the user location is already registered in the list, and displays an icon indicating the passing point of the dulle-gil on the web browser screen, and the visiting point of the dulle-gil. Providing completion of the completion certificate to the user terminal when all of them are completed; And (iii) when requesting navigation linkage by touching a desired destination point on the map displayed on the web browser screen by the user terminal for a certain period of time or longer, a pop-up window equipped with a navigation button is provided to the user terminal and displayed on the screen. And when the user terminal selects the navigation button in the pop-up window, calling a navigation API to switch to a navigation screen and providing it to the user terminal to perform a navigation linking operation.

단계 (i)는 (i-1) 상기 사용자 단말로부터 지도 정보의 요청이 있었는 지를 판단하는 단계; (i-2) 상기 사용자 단말로부터 지도 정보의 요청이 있는 경우, 상기 지도 서버에서는 상기 사용자 단말로부터의 상기 지도 정보의 요청을 처리하여 웹 브라우저에 애니메이션 아이콘이 포함된 지도 정보를 전송하여 지도를 출력하는 단계; (i-3) 상기 지도 서버는 현재 표시할 지도의 위치와 축척 정보가 상기 지도 정보에 있는 지의 여부를 판단하는 단계; (i-4) 상기 사용자 단말로부터 지도 정보의 요청이 있는 경우 사용자 단말에 위치 및 축척 정보에 따른 3차원 컴퓨터 그래픽 환경을 구성하는 씬 그래프를 생성하고 동적 요소인 사용자 상호 작용을 위한 광원, 입자, 물리 효과 기능을 갖고 웹 그래픽 라이브러리를 이용하여 하드웨어 가속 기능을 활용하여 벡터 그래픽으로 구성된 애니메이션 아이콘을 표시하고, 갯수가 많은 중첩 영역에 대하여 그룹핑하는 클러스터링 기술을 이용하여 상기 애니메이션 아이콘에 대한 렌더링 속도를 최적화하는 단계; (i-5) 상기 지도 서버는 현재 표시할 지도를 메모리 또는 구글 서버로부터 가져와서 사용자 단말로 지도 정보를 전송하는 단계; 및 (i-6) 상기 사용자 단말은 상기 지도 서버 또는 구글 서버으로부터 수신된 지도 정보를 화면에 출력하는 단계를 포함하는 전자 지도 서비스 방법.Step (i) includes the steps of: (i-1) determining whether there is a request for map information from the user terminal; (i-2) When there is a request for map information from the user terminal, the map server processes the request for the map information from the user terminal and transmits map information including an animation icon to a web browser to output a map. Step to do; (i-3) determining, by the map server, whether the location and scale information of the map to be displayed currently exists in the map information; (i-4) In the case of a request for map information from the user terminal, a scene graph constituting the 3D computer graphic environment according to the location and scale information is generated in the user terminal, and dynamic elements such as light sources, particles, and It has a physics effect function and uses a hardware acceleration function using a web graphic library to display an animation icon composed of vector graphics, and optimizes the rendering speed of the animation icon by using a clustering technology that groups a large number of overlapping areas. Step to do; (i-5) the map server fetching a map to be displayed from a memory or a Google server and transmitting the map information to the user terminal; And (i-6) the user terminal outputting map information received from the map server or Google server on a screen.

전자 지도 서비스 방법은 단계 (i-3)의 판단 결과, 현재 표시할 지도의 위치와 축척 정보가 상기 지도 정보에 없는 경우, 단계 (i-5)를 수행하는 단계를 더 포함한다.The electronic map service method further includes performing step (i-5) if, as a result of the determination in step (i-3), the location and scale information of the map to be displayed currently is not in the map information.

단계 (ii)은 (ii-1) 상기 사용자 단말에서 사용자 단말의 사용자의 위치를 10초 단위로 주기적으로 지도 서버로 전송하는 단계; (ii-2) 상기 사용자 단말로부터의 상기 사용자 위치를 둘레길 위치 데이터와 비교하여 현재 사용자 위치가 둘레길 위치 데이터 범위 내에 있는 지를 판단하는 단계; (ii-3) 사용자 위치가 리스트에 이미 등록되어 있는 지를 판단하는 단계; (ii-4) 상기 사용자 위치를 기록하고 웹 브라우저 화면상에 상기 둘레길 통과 지점을 나타내는 아이콘을 표출하는 단계; (ii-5) 해당 둘레길의 방문 지점을 모두 완주하였는 지를 판단하는 단계; 및 (ii-6) 해당 둘레길의 완주 인증서 발급 사용자 단말로 제공하는 단계를 포함할 수 있다.Step (ii) includes the steps of (ii-1) periodically transmitting the location of the user of the user terminal from the user terminal to the map server every 10 seconds; (ii-2) comparing the location of the user from the user terminal with location data of Dulle-gil to determine whether the current user location is within the range of Dulle-gil location data; (ii-3) determining whether the user location is already registered in the list; (ii-4) recording the location of the user and displaying an icon indicating the passing point of the dulle-gil on a web browser screen; (ii-5) determining whether all visited points of the dulle-gil have been completed; And (ii-6) providing the completion certificate of the dulle-gil to the user terminal.

단계 (iii)는 상기 지도 서버는 상기 사용자 단말로부터 상기 웹 브라우저 화면에 출력된 상기 지도에서 원하는 목적지 지점을 일정 시간 이상 터치하여 네비게이션 연동을 요청하였는 지의 여부를 판단하는 단계; 상기 네비게이션 연동이 요청된 경우, 상기 목적지의 주소 및 상기 카카오 네비게이션 버튼, 위치 보기 버튼, 대중 교통 버튼, 및 취소 버튼을 구비한 팝업창을 상기 사용자 단말로 제공하여 화면에 표시하는 단계; 상기 지도 서버는 상기 사용자 단말이 상기 팝업창에서 네비게이션 버튼을 선택하였는 지를 판단하는 단계; 및 상기 카카오 네비게이션 버튼을 선택한 경우, 상기 지도 서버는 카카오 네비 API를 호출하여 네비게이션 화면으로 전환하여 상기 사용자 단말로 제공하는 단계를 포함할 수 있다.Step (iii) comprises the steps of determining whether the map server has requested a navigation link by touching a desired destination point on the map displayed on the web browser screen from the user terminal for a predetermined time or longer; When the navigation linkage is requested, providing a pop-up window including the address of the destination, the Kakao navigation button, a location view button, a public transport button, and a cancel button to the user terminal and displaying on a screen; Determining, by the map server, whether the user terminal has selected a navigation button in the pop-up window; And when the Kakao navigation button is selected, the map server calls the Kakao navigation API to switch to a navigation screen and provide it to the user terminal.

본 발명에 따른 전자 지도 서비스 시스템은 웹 브라우저에 의해 지도 정보를 요청하고, 사용자 위치를 주기적으로 전송하여 둘레길 서비스를 요청하고, 웹 브라우저 화면에 출력된 지도에서 원하는 목적지 지점을 일정 시간 이상 터치하여 네비게이션 연동을 요청하고, 팝업창에서 카카오 네비게이션 버튼을 선택하는 사용자 단말; 및 웹 브라우저에 의해 지도 서버와 연동하는 사용자 단말로부터 지도 정보의 요청에 응답하여 위치나 축척 정보에 맞게 사용자 단말에 위치 및 축척 정보에 따른 3차원 컴퓨터 그래픽 환경을 구성하는 씬 그래프를 생성하고 동적 요소인 사용자 상호 작용을 위한 광원, 입자, 물리 효과의 기능을 갖고 웹 그래픽 라이브러리를 이용하여 하드웨어 가속 기능을 활용하여 벡터 그래픽으로 구성된 애니메이션 아이콘을 표시하고, 갯수가 많은 중첩 영역에 대하여 그룹핑하는 클러스터링 기술을 이용하여 상기 애니메이션 아이콘에 대한 렌더링 속도를 최적화하여 상기 사용자 단말에 전송하여 지도를 웹 브라우저 화면에 표시하고, 상기 사용자 단말로부터의 상기 둘레길 서비스 요청에 응답하여 상기 사용자 단말로부터의 현재 사용자 위치를 둘레길 위치 데이터와 비교하여 상기 둘레길 위치 데이터 범위 내에 있는 지를 판단하고 상기 사용자 위치가 리스트에 이미 등록되어 있는 지를 판단하여 상기 사용자 위치를 기록하고 상기 웹 브라우저 화면상에 둘레길 통과 지점을 나타내는 아이콘을 표출하고 해당 둘레길의 방문 지점을 모두 완주한 경우 완주 인증서 발급을 상기 사용자 단말로 제공하고, 상기 사용자 단말로부터의 상기 네비게이션 연동 요청에 응답하여 카카오 네비게이션 버튼을 구비한 팝업창을 상기 사용자 단말로 제공하여 화면에 표시하고 상기 사용자 단말이 상기 팝업창에서 상기 카카오 네비게이션 버튼을 선택한 경우, 카카오 네비 API를 호출하여 네비게이션 화면으로 전환하고 상기 사용자 단말로 제공하여 네비 연동 동작을 수행하는 지도 서버를 포함하는 것을 특징으로 한다.The electronic map service system according to the present invention requests map information through a web browser, periodically transmits a user location to request a Dulle-gil service, and touches a desired destination point on the map displayed on the web browser screen for a predetermined time or longer. A user terminal for requesting navigation linkage and selecting a Kakao navigation button in a pop-up window; And in response to a request for map information from a user terminal interlocking with a map server by a web browser, a scene graph constituting a 3D computer graphic environment according to the location and scale information is generated in the user terminal according to the location or scale information, and a dynamic element A clustering technology that has the functions of light sources, particles, and physics for human interaction, displays animation icons composed of vector graphics using a hardware acceleration function using a web graphic library, and groups the overlapping areas with a large number of them. By optimizing the rendering speed of the animation icon and transmitting it to the user terminal to display a map on the web browser screen, and in response to the request for the Dulle-gil service from the user terminal, the current user location from the user terminal It compares with the road location data to determine whether it is within the range of the Dulle-gil location data, determines whether the user location is already registered in the list, records the user's location, and displays an icon indicating the passing point of the dulle-gil on the web browser screen. When all the visited points of the Dulle-gil are completed, a completion certificate is issued to the user terminal, and a pop-up window with a Kakao navigation button is provided to the user terminal in response to the navigation link request from the user terminal. And a map server for displaying on a screen and performing a navigation linking operation by calling a Kakao navigation API when the user terminal selects the Kakao navigation button in the pop-up window, and providing it to the user terminal to switch to a navigation screen. do.

상기와 같이 구성되는 본 발명은 애니메이션 아이콘를 포함하는 지도 정보가 저장되어 되어있는 지도 서버와 지도를 표시하는 사용자 단말의 웹 브라우저 간에 서로 연동하여 사용자가 웹 브라우저에서 특정 위치 및 축척의 지도를 요청할 시 서버에서는 해당 위치 및 축척에 맞게 시간에 따라 공간적으로 변화하는 동적 요소인 애니메이션 아이콘이 포함되어 있는 지도 정보를 전송하여 웹 브라우저 화면에 출력하고 사용자 웹 브라우저에서 실행되는 렌더링 모듈에 의해 애니메이션 아이콘에 대한 렌더링 (속도)를 최적화할 수 있다. 즉, 웹 브라우저에 의해 지도 서버와 연동하는 사용자 단말로부터 지도 정보의 요청에 응답하여 위치나 축척 정보에 맞게 사용자 단말에 위치 및 축척 정보에 따른 3차원 컴퓨터 그래픽 환경을 구성하는 씬 그래프를 생성하고 동적 요소인 사용자 상호 작용을 위한 광원, 입자, 물리 효과의 기능을 갖고, 웹 그래픽 라이브러리를 이용하여 하드웨어 가속 기능을 활용하여 벡터 그래픽으로 구성된 애니메이션 아이콘을 표시 출력하고, 갯수가 많은 중첩 영역에 대하여 그룹핑하는 클러스터링 기술을 이용하여 상기 애니메이션 아이콘에 대한 렌더링 속도를 최적할 수 있다. 하드웨어 가속 기능은 컴퓨팅에서 일부 기능을 CPU에서 구동하는 소프트웨어 방식보다 더 빠르게 수행할 수 있는 하드웨어의 사용을 말하는 것으로, 하드웨어와 소프트웨어의 주된 차이는 "동시 발생"으로, 하드웨어가 소프트웨어보다 훨씬 빠르게 처리할 수 있도록 한다.The present invention configured as described above is interlocked between a map server in which map information including animation icons is stored and a web browser of a user terminal displaying a map, so that when a user requests a map of a specific location and scale from the web browser, the server Transmits map information containing animation icons, which are dynamic elements that change spatially over time according to the location and scale, outputs them to the web browser screen, and renders the animation icons by a rendering module running in the user's web browser. Speed) can be optimized. In other words, in response to a request for map information from a user terminal interlocking with a map server by a web browser, a scene graph that composes a 3D computer graphic environment according to the location and scale information in the user terminal according to the location or scale information is created and It has the functions of light sources, particles, and physical effects for user interaction, which are elements, and displays and outputs animation icons composed of vector graphics using a hardware acceleration function using a web graphic library, and groups the overlapping areas with a large number of them. It is possible to optimize the rendering speed for the animation icon by using a clustering technique. Hardware acceleration refers to the use of hardware in computing that can perform some functions faster than the software method running on the CPU. The main difference between hardware and software is "simultaneous," which the hardware can process much faster than software. Make it possible.

또한, 애니메이션 아이콘이 포함되어 있는 지도 정보가 웹 브라우저 화면에 출력된 상태에서 사용자 선택에 따라 둘레길 서비스 또는 네비게이션 연동 서비스를 받을 수 있다. 종래 둘레길 서비스를 받을려면 둘레길 앱을 번거럽게 스마트 폰에 설치하여 이용하는데 반해, 본 발명에서는 웹 브라우저에 의해 지도 서버에 용이하게 접속하여 둘레길 서비스를 받을 수 있는 효과가 있다. 또한 종래 네비게이션을 이용하려면 별도로 네비게이션을 동작시켜야 하는 반해, 본 발명에서는 애니메이션 아이콘이 포함되어 있는 지도 정보가 웹 브라우저 화면에 출력된 상태에서 간단한 조작에 의해 네비게이션 연동 서비스를 수행할 수 있다. In addition, in a state in which map information including an animation icon is displayed on a web browser screen, a Dullegil service or a navigation link service may be received according to a user's selection. In order to receive the Dulle-gil service in the related art, the Dulle-gil app is cumbersome to install and use on a smart phone. In the present invention, there is an effect of easily accessing the map server through a web browser to receive the Dulle-gil service. In addition, while the conventional navigation requires a separate operation of the navigation, in the present invention, a navigation link service can be performed by a simple operation while the map information including the animation icon is displayed on the web browser screen.

도 1은 본 발명의 실시예에 따른 전자 지도 서비스 시스템의 구성을 나타낸 블럭도이다.
도 2는 본 발명의 실시예에 따른 전자 지도 서비스 방법을 설명하는 흐름도이다.
도 3은 도 2에 도시된 단계 S212에서 동적 요소를 포함하는 전자 지도의 일예를 나타낸 도면이다.
도 4는 도 2에 도시된 단계 S302에서 사용자 단말에 의해 로그인을 수행하는 화면의 일예를 나타낸 도면이다.
도 5는 도 2에 도시된 단계 S316에서 지도 서버에 의해 둘레길의 완주 인증서를 발급하는 화면의 일예를 나타낸 도면이다.
도 6은 도 2에 도시된 단계 S404에서 이용되는 목적지의 주소 및 카카오 네비게이션 버튼, 위치 보기 버튼, 대중 교통 버튼, 및 취소 버튼을 구비한 팝업창의 일예를 나타낸 도면이다.
1 is a block diagram showing the configuration of an electronic map service system according to an embodiment of the present invention.
2 is a flowchart illustrating an electronic map service method according to an embodiment of the present invention.
3 is a diagram illustrating an example of an electronic map including a dynamic element in step S212 shown in FIG. 2.
4 is a diagram illustrating an example of a screen for performing login by a user terminal in step S302 shown in FIG. 2.
FIG. 5 is a diagram illustrating an example of a screen for issuing a completion certificate of Dulle-gil by a map server in step S316 shown in FIG. 2.
6 is a diagram showing an example of a pop-up window including an address of a destination used in step S404 shown in FIG. 2, a Kakao navigation button, a location view button, a public transport button, and a cancel button.

본 발명의 여러 실시예들을 상세히 설명하기 전에, 다음의 상세한 설명에 기재되거나 도면에 도시된 구성요소들의 구성 및 배열들의 상세로 그 응용이 제한되는 것이 아니라는 것을 알 수 있을 것이다. 본 발명은 다른 실시예들로 구현되고 실시될 수 있고 다양한 방법으로 수행될 수 있다. 또, 장치 또는 요소 방향(예를 들어 "전(front)", "후(back)", "위(up)", "아래(down)", "상(top)", "하(bottom)", "좌(left)", "우(right)", "횡(lateral)")등과 같은 용어들에 관하여 본원에 사용된 표현 및 술어는 단지 본 발명의 설명을 단순화하기 위해 사용되고, 관련된 장치 또는 요소가 단순히 특정 방향을 가져야 함을 나타내거나 의미하지 않는다는 것을 알 수있을 것이다. Before describing various embodiments of the present invention in detail, it will be appreciated that the application is not limited to the details of configurations and arrangements of elements described in the following detailed description or illustrated in the drawings. The present invention may be implemented and practiced in different embodiments and may be performed in various ways. Also, the device or element orientation (eg "front", "back", "up", "down", "top", "bottom" The expressions and predicates used herein with respect to terms such as ", "left", "right", "lateral"), etc. are used only to simplify the description of the present invention, and related devices Or you may find that the element simply indicates or does not mean that it should have a specific orientation.

또한, "제 1(first)", "제 2(second)"와 같은 용어는 설명을 위해 본원 및 첨부 청구항들에 사용되고 상대적인 중요성 또는 취지를 나타내거나 의미하는 것으로 의도되지 않는다.Further, terms such as “first” and “second” are used in this application and the appended claims for purposes of explanation and are not intended to represent or imply any relative importance or spirit.

본 발명은 상기의 목적을 달성하기 위해 아래의 특징을 갖는다. 이하 첨부된 도면을 참조로 본 발명의 바람직한 실시예를 상세히 설명하도록 한다. 이에 앞서, 본 명세서 및 청구범위에 사용된 용어나 단어는 통상적이거나 사전적인 의미로 한정해서 해석되어서는 아니되며, 발명자는 그 자신의 발명을 가장 최선의 방법으로 설명하기 위해 용어의 개념을 적절하게 정의할 수 있다는 원칙에 입각하여 본 발명의 기술적 사상에 부합하는 의미와 개념으로 해석되어야만 한다. 따라서, 본 명세서에 기재된 실시예와 도면에 도시된 구성은 본 발명의 가장 바람직한 일 실시예에 불과할 뿐이고 본 발명의 기술적 사상을 모두 대변하는 것은 아니므로, 본 출원시점에 있어서 이들을 대체할 수 있는 다양한 균등물과 변형 예들이 있을 수 있음을 이해하여야 한다.The present invention has the following features to achieve the above object. Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings. Prior to this, terms or words used in the specification and claims should not be construed as being limited to their usual or dictionary meanings, and the inventors appropriately explain the concept of terms in order to explain their own invention in the best way. Based on the principle that it can be defined, it should be interpreted as a meaning and concept consistent with the technical idea of the present invention. Accordingly, the embodiments described in the present specification and the configurations shown in the drawings are only the most preferred embodiment of the present invention, and do not represent all the technical spirit of the present invention, and thus various alternatives that can be substituted for them at the time of application It should be understood that there may be equivalents and variations.

이하, 본 발명의 바람직한 실시 예에 따른 전자 지도 서비스 시스템 및 방법을 첨부한 도면을 참조하여 상세히 설명한다. Hereinafter, an electronic map service system and method according to a preferred embodiment of the present invention will be described in detail with reference to the accompanying drawings.

도 1은 본 발명의 실시예에 따른 전자 지도 서비스 시스템의 구성을 나타낸 블럭도이다.1 is a block diagram showing the configuration of an electronic map service system according to an embodiment of the present invention.

도 1을 참조하면, 본 발명의 실시예에 따른 전자 지도 서비스 시스템은 사용자 단말(100) 및 지도 서버(200)를 포함한다.Referring to FIG. 1, an electronic map service system according to an embodiment of the present invention includes a user terminal 100 and a map server 200.

사용자 단말(100)은 웹 브라우저(110)에 의해 지도 정보를 요청하고, 사용자 위치를 주기적으로 전송하여 둘레길 서비스를 요청하고, 웹 브라우저 화면에 출력된 지도에서 원하는 목적지 지점을 일정 시간 이상 터치하여 네비게이션 연동을 요청하고, 팝업창에서 카카오 네비게이션 버튼을 선택한다. The user terminal 100 requests map information through the web browser 110, periodically transmits the user location to request Dulle-gil service, and touches the desired destination point on the map displayed on the web browser screen for a certain period of time or more. Request the navigation linkage and select the Kakao navigation button in the pop-up window.

지도 서버(200)는 상기 사용자 단말(100)로부터 지도 정보의 요청이 있었는 지, 상기 사용자 단말(100)에서 로그인되었는 지, 또는 상기 사용자 단말(100)에서 지도의 원하는 목적지 지점에 대한 네비게이션 연동을 요청하였는 지를 판단한다.The map server 200 performs navigation interworking with whether there is a request for map information from the user terminal 100, logged in from the user terminal 100, or a desired destination point of the map from the user terminal 100. Determine whether you have requested.

지도 서버(200)는 상기 사용자 단말(100)로부터 지도 정보의 요청이 있는 경우, 사용자 단말(100)로부터 지도 정보의 요청에 응답하여 위치나 축척 정보에 맞게 사용자 단말에 위치 및 축척 정보에 따른 3차원 컴퓨터 그래픽 환경을 구성하는 씬 그래프를 생성하고 동적 요소인 사용자 상호 작용을 위한 광원, 입자, 물리 효과의 기능을 갖고 웹 그래픽 라이브러리를 이용하여 하드웨어 가속 기능을 활용하여 벡터 그래픽으로 구성된 애니메이션 아이콘을 표시하고, 갯수가 많은 중첩 영역에 대하여 그룹핑하는 클러스터링 기술을 이용하여 상기 애니메이션 아이콘에 대한 렌더링 속도를 최적화하여 상기 사용자 단말에 전송하여 지도를 웹 브라우저 화면에 출력한다.When there is a request for map information from the user terminal 100, the map server 200 responds to the request for the map information from the user terminal 100, and provides the location and scale information to the user terminal according to the location and scale information. Creates a scene graph that composes a dimensional computer graphic environment, has the functions of light sources, particles, and physics effects for user interaction, which are dynamic elements, and displays animated icons composed of vector graphics using a hardware acceleration function using a web graphic library. Then, using a clustering technique for grouping the overlapping regions with a large number of the animation icons, the rendering speed of the animation icon is optimized and transmitted to the user terminal to output the map on the web browser screen.

상기 사용자 단말(100)에서 로그인된 경우, 지도 서버(200)는 상기 사용자 단말로부터의 상기 사용자 위치를 둘레길 위치 데이터와 비교하여, 현재 사용자 위치가 둘레길 위치 데이터 범위 내에 있는 지를 판단하고 사용자 위치가 리스트에 이미 등록되어 있는 지를 판단하여 사용자 위치를 기록하고 웹 브라우저 화면상에 둘레길 통과 지점을 나타내는 아이콘을 표출하도록 하고, 상기 사용자 단말(100)에서 지도의 원하는 목적지 지점을 두번 클릭하여 네비연동을 요청한 경우, 상기 목적지의 주소 및 카카오 네비게이션 버튼(610), 위치 보기 버튼, 대중 교통 버튼, 및 취소 버튼을 구비한 팝업창(600)을 상기 사용자 단말(100)로 제공하여 화면에 표시한다.When logged in from the user terminal 100, the map server 200 compares the user's location from the user terminal with the location data of Dulle-gil, determines whether the current user location is within the range of the location data of Dulle-gil, and determines the user location. It determines whether or not is already registered in the list, records the user's location, and displays an icon indicating the passing point on the web browser screen, and double-clicks the desired destination point on the map in the user terminal 100 to connect the navigation. When requested, a pop-up window 600 including an address of the destination and a Kakao navigation button 610, a location view button, a public transport button, and a cancel button is provided to the user terminal 100 and displayed on the screen.

상기 사용자 단말(100)이 상기 팝업창(600)에서 카카오 네비게이션 버튼(610)을 선택한 경우, 지도 서버(200)는 카카오 네비 API를 호출하여 카카오 네비로 화면을 전환하여 상기 사용자 단말(100)로 제공하여 네비 연동 동작을 수행하도록 한다.When the user terminal 100 selects the Kakao navigation button 610 in the pop-up window 600, the map server 200 calls the Kakao Navi API to switch the screen to Kakao Navi and provide it to the user terminal 100 To perform the navigation linking operation.

이하, 본 발명의 실시예에 따른 전자 지도 서비스 방법을 도 2 내지 도 6을 참조하여 설명한다.Hereinafter, an electronic map service method according to an embodiment of the present invention will be described with reference to FIGS. 2 to 6.

도 2는 본 발명의 실시예에 따른 전자 지도 서비스 방법을 설명하는 흐름도이다. 도 3은 도 2에 도시된 단계 S212에서 동적 요소를 포함하는 전자 지도의 일예를 나타낸 도면이다. 도 4는 도 2에 도시된 단계 S302에서 사용자 단말에 의해 로그인을 수행하는 화면의 일예를 나타낸 도면이다. 도 5는 도 2에 도시된 단계 S316에서 지도 서버에 의해 둘레길의 완주 인증서를 발급하는 화면의 일예를 나타낸 도면이다. 도 6은 도 2에 도시된 단계 S404에서 이용되는 목적지의 주소 및 카카오 네비게이션 버튼, 위치 보기 버튼, 대중 교통 버튼, 및 취소 버튼을 구비한 팝업창의 일예를 나타낸 도면이다. 2 is a flowchart illustrating an electronic map service method according to an embodiment of the present invention. 3 is a diagram illustrating an example of an electronic map including a dynamic element in step S212 shown in FIG. 2. 4 is a diagram illustrating an example of a screen for performing login by a user terminal in step S302 shown in FIG. 2. 5 is a diagram showing an example of a screen for issuing a completion certificate of Dulle-gil by a map server in step S316 shown in FIG. 2. 6 is a diagram showing an example of a pop-up window including an address of a destination used in step S404 shown in FIG. 2, a Kakao navigation button, a location view button, a public transport button, and a cancel button.

지도 서버(200)는 사용자 단말(100)로부터 지도 정보의 요청이 있었는 지를 판단한다(단계 S202). The map server 200 determines whether there is a request for map information from the user terminal 100 (step S202).

단계 S202의 판단 결과, 사용자 단말(100)로부터 지도 정보의 요청이 있는 경우, 상기 지도 서버(200)에서는 상기 사용자 단말(100)로부터의 상기 지도 정보(8)의 요청을 처리하여 웹 브라우저(110)에 애니메이션 아이콘이 포함된 지도 정보를 전송하여 지도를 출력한다(단계 S204). 이 경우, 사용자 단말(100)에서는 웹 브라우저(110)를 이용하여 지도 서버(200)에 지도 정보를 요청할 수 있다.As a result of the determination in step S202, when there is a request for map information from the user terminal 100, the map server 200 processes the request for the map information 8 from the user terminal 100, and the web browser 110 ), the map information including the animation icon is transmitted to output the map (step S204). In this case, the user terminal 100 may request map information from the map server 200 using the web browser 110.

지도 서버(200)는 현재 표시할 지도의 위치와 축척 정보가 상기 지도 정보에 있는 지의 여부를 판단한다(단계 S206).The map server 200 determines whether the location and scale information of the map to be displayed currently exists in the map information (step S206).

단계 S206의 판단 결과, 현재 표시할 지도의 위치와 축척 정보가 상기 지도 정보에 있는 경우, 지도 서버(200)는 사용자 단말에 위치 및 축척 정보에 따른 3차원(3D) 컴퓨터 그래픽 환경을 구성하는 씬(scene) 그래프를 생성하고 동적 요소인 사용자 상호 작용을 위한 광원, 입자, 물리 효과 등의 기능을 갖고 웹 그래픽 라이브러리(Graphic library; GL)를 이용하여 하드웨어 가속 기능을 활용하여 벡터 그래픽으로 구성된 애니메이션 아이콘을 표시하고, 갯수가 많은 중첩 영역에 대하여 그룹핑하는 클러스터링 기술을 이용하여 상기 애니메이션 아이콘에 대한 렌더링 속도를 최적화한다(단계 S208).As a result of the determination in step S206, when the location and scale information of the map to be displayed currently exists in the map information, the map server 200 is a scene configuring a three-dimensional (3D) computer graphic environment according to the location and scale information in the user terminal. (scene) Animation icon composed of vector graphics by creating a graph and utilizing the hardware acceleration function using a web graphic library (Graphic library) with functions such as light sources, particles, and physics for user interaction, which are dynamic elements. Is displayed, and the rendering speed for the animation icon is optimized using a clustering technique for grouping the overlapping regions with a large number (step S208).

상기 3D 컴퓨터 그래픽은 컴퓨터에 저장된 모델의 기하학적 데이터(각 점의 위치를 높이, 폭, 깊이의 3축으로 하는 공간 좌표를 이용하여 저장)를 이용해 3차원적으로 표현한 뒤에 2차원적 결과물로 처리, 출력하는 컴퓨터 그래픽이다.The 3D computer graphic is expressed in three dimensions using geometric data of the model stored in the computer (stored using spatial coordinates in which the position of each point is three axes of height, width, and depth), and then processed as a two-dimensional result, It is the computer graphics that it outputs.

상기 Scene그래프는 이용 가능한 그래픽 하드웨어를 최적의 환경으로 사용할 수 있도록 한다. Scene 데이터는 구조화된 노드들을 사용하며 서로 연결되어 있고 시작점을 정의하는데 사용된다. Scene 그래프는 수학적 그래프와 비교해 여러 가지 다양한 요소들을 더 포함하고 있다는 것 입니다. Scene 그래프의 노드들은 가시적인 기하 도형을 담고 있으며 그래프를 논리적 그룹으로 구조화한다.The scene graph makes it possible to use available graphic hardware in an optimal environment. Scene data uses structured nodes and is connected to each other and used to define the starting point. The scene graph contains many different elements compared to the mathematical graph. The nodes of the scene graph contain visible geometry and structure the graph into logical groups.

상기 웹 그래픽 라이브러리(Web Graphic Library: WebGL)는 별도의 플러그인(확장 모듈)을 사용하지 않고 웹 브라우저에서 상호작용 가능한 3D와 2D 그래픽을 표현하기 위한 자바스크립트(J-vaScript) API이다.The Web Graphic Library (WebGL) is a JavaScript (J-vaScript) API for expressing 3D and 2D graphics that can be interacted with in a web browser without using a separate plug-in (extension module).

상기 하드웨어 가속 기능은 컴퓨팅에서 일부 기능을 CPU에서 구동하는 소프트웨어 방식보다 더 빠르게 수행할 수 있는 하드웨어의 사용을 말한다. 다양한 기술들은 성능 개선을 위해 사용되며 이 것은 그 기능들 가운데 하나이다. 하드웨어와 소프트웨어의 주된 차이는 "동시 발생"으로, 하드웨어가 소프트웨어보다 훨씬 빠르게 처리한다. 이 것은 계산을 많이 하는 소프트웨어 코드를 위해 고안된 것이다.The hardware acceleration function refers to the use of hardware capable of performing some functions faster than a software method driven by a CPU in computing. Various techniques are used to improve performance, and this is one of its features. The main difference between hardware and software is "simultaneous", where hardware processes much faster than software. It is designed for software code that does a lot of computation.

클러스터링(군집화)은 개체들이 주어졌을 때, 개체들을 몇 개의 클러스터(부분 그룹)으로 나누는 과정을 의미한다. 이렇게 개체들을 그룹으로 나누는 과정을 통해서, 클러스터 내부 멤버들 사이는 서로 가깝거나 비슷하게 또는 서로 다른 두 클러스터 사이의 멤버 간에는 서로 멀거나 비슷하지 않게 하는 것이 목표이다.Clustering (clustering) refers to the process of dividing objects into several clusters (subgroups) given objects. Through this process of dividing the entities into groups, the goal is to ensure that the members within the cluster are close to each other, or members between two different clusters are not distant or similar.

그 후, 지도 서버(200)는 현재 표시할 지도를 메모리(210) 또는 구글 서버로부터 가져와서 사용자 단말(100)로 지도 정보를 전송한다(단계 S210).Thereafter, the map server 200 retrieves the map to be displayed from the memory 210 or the Google server and transmits the map information to the user terminal 100 (step S210).

그 후, 사용자 단말(100)의 렌더링 모듈(130)은 지도 서버(200) 또는 구글 서버으로부터 수신된 지도 정보를 화면에 출력한다(S212).After that, the rendering module 130 of the user terminal 100 outputs the map information received from the map server 200 or the Google server on the screen (S212).

단계 S206의 판단 결과, 현재 표시할 지도의 위치와 축척 정보가 상기 지도 정보에 없는 경우, 즉, 현재 표시할 지도의 위치와 축척 정보가 변경한 경우, 지도 서버(200)는 단계 S212로 진행하여 수행한다.As a result of the determination in step S206, if the location and scale information of the map to be displayed currently does not exist in the map information, that is, if the location and scale information of the map to be displayed is changed, the map server 200 proceeds to step S212. Perform.

단계 S202의 판단 결과, 사용자 단말(100)로부터 지도 정보의 요청이 없는 경우, 애니메이션 아이콘이 포함되어 있는 지도 정보가 웹 브라우저 화면에 출력된 상태에서, 지도 서버(200)는 사용자 단말(100)에서 로그인되었는 지를 판단한다(S302).As a result of the determination in step S202, when there is no request for map information from the user terminal 100, the map server 200 is in a state in which the map information including the animation icon is displayed on the web browser screen. It is determined whether or not logged in (S302).

단계 S302의 판단 결과, 사용자 단말(100)에서 로그인된 경우, 사용자 단말(100)에서 사용자 단말의 사용자의 위치를 10초 단위로 주기적으로 지도 서버(200)로 전송한다(S304).As a result of the determination in step S302, when logged in from the user terminal 100, the user terminal 100 periodically transmits the location of the user of the user terminal to the map server 200 every 10 seconds (S304).

그 후, 지도 서버(200)는 상기 사용자 단말(100)로부터의 상기 사용자 위치를 메모리(210)에 저장된 둘레길 위치 데이터와 비교하여(단계 S306), 현재 사용자 위치가 둘레길 위치 데이터 범위 내에 있는지, 즉 사용자가 상기 사용자 위치에 1회 이상 간적 있는 지를 판단한다(단계 S308).Thereafter, the map server 200 compares the location of the user from the user terminal 100 with the location data of Dulle-gil stored in the memory 210 (step S306), and whether the current user location is within the range of the location data of Dulle-gil. That is, it is determined whether the user has been at the user location more than once (step S308).

지도 서버(200)는 사용자 위치가 리스트에 이미 등록되어 있는 지를 판단한다(단계 S310). 지도 서버(200)는 사용자 위치를 기록하고 사용자 단말(100)의 웹 브라우저(110) 화면상에 둘레길 통과 지점을 나타내는 아이콘을 표출한다(S312). 지도 서버(200)는 상기 로그인한 사용자가 해당 둘레길의 방문 지점을 모두 완주하였는 지를 판단한다(S314). 지도 서버(200)는 해당 둘레길의 완주 인증서를 발급하여 사용자 단말(100)로 제공한다(단계 S316). The map server 200 determines whether the user location has already been registered in the list (step S310). The map server 200 records the user's location and displays an icon indicating the passing point of the roundabout on the screen of the web browser 110 of the user terminal 100 (S312). The map server 200 determines whether the logged-in user has completed all of the visited points of the corresponding dulle-gil (S314). The map server 200 issues a completion certificate of the dulle-gil and provides it to the user terminal 100 (step S316).

단계 S302의 판단 결과, 사용자 단말(100)에서 로그인되지 않은 경우, 지도 서버(200)는 사용자 단말의 웹 브라우저(110)에서 상기 웹 브라우저 화면에 출력된 상기 지도에서 원하는 목적지 지점을 1초 이상 터치하여 네비게이션 연동을 요청하였는 지의 여부를 판단한다(S402).As a result of the determination in step S302, if the user terminal 100 is not logged in, the map server 200 touches the desired destination point on the map displayed on the web browser screen in the web browser 110 of the user terminal for at least 1 second. Thus, it is determined whether or not a navigation link is requested (S402).

단계 S402의 판단 결과, 사용자 단말(100)의 웹 브라우저(110)에서 지도에서 원하는 목적지 지점을 1초 이상 터치한 경우, 지도 서버(200)는 도 6에 도시된 바와 같은 상기 목적지의 주소 및 카카오 네비게이션 버튼, 위치 보기 버튼, 대중 교통 버튼, 및 취소 버튼을 구비한 팝업창을 상기 사용자 단말(100)로 제공하여 화면에 표시한다(S404).As a result of the determination in step S402, when the web browser 110 of the user terminal 100 touches the desired destination point on the map for 1 second or more, the map server 200 determines the destination address and cacao as shown in FIG. A pop-up window including a navigation button, a location view button, a public transport button, and a cancel button is provided to the user terminal 100 and displayed on the screen (S404).

지도 서버(200)는 상기 사용자 단말(100)이 상기 팝업창(600)에서 카카오 네비게이션 버튼(610)을 선택하였는 지를 판단한다(S406). 단계 S406의 판단 결과, 상기 사용자 단말(100)이 상기 팝업창(600)에서 카카오 네비게이션 버튼(610)을 선택한 경우, 지도 서버(200)는 카카오 네비 API를 호출하여 카카오 네비게이션로 화면을 전환하여 상기 사용자 단말(100)로 제공한다(S408).The map server 200 determines whether the user terminal 100 has selected the Kakao navigation button 610 in the pop-up window 600 (S406). As a result of the determination in step S406, when the user terminal 100 selects the Kakao navigation button 610 in the pop-up window 600, the map server 200 calls the Kakao navigation API to switch the screen to Kakao navigation and the user It is provided to the terminal 100 (S408).

100 : 사용자 단말
110: 웹 브라우저
120: 애니메이션 모듈
130: 렌더링 모듈
200: 지도 서버
210: 메모리
100: user terminal
110: web browser
120: animation module
130: rendering module
200: map server
210: memory

Claims (6)

(i) 웹 브라우저에 의해 지도 서버와 연동하는 사용자 단말로부터 지도 정보의 요청에 응답하여 위치나 축척 정보에 맞게 사용자 단말에 위치 및 축척 정보에 따른 3차원 컴퓨터 그래픽 환경을 구성하는 씬 그래프를 생성하고 동적 요소인 사용자 상호 작용을 위한 광원, 입자, 물리 효과의 기능을 갖고 웹 그래픽 라이브러리를 이용하여 하드웨어 가속 기능을 활용하여 벡터 그래픽으로 구성된 애니메이션 아이콘을 표시하고, 갯수가 많은 중첩 영역에 대하여 그룹핑하는 클러스터링 기술을 이용하여 상기 애니메이션 아이콘에 대한 렌더링 속도를 최적화하여 상기 사용자 단말에 전송하여 지도를 웹 브라우저 화면에 출력하는 단계;
(ii) 상기 사용자 단말의 웹 브라우저에서 사용자 위치를 주기적으로 상기 지도 서버로 전송하여 둘레길 서비스를 요청한 경우, 상기 지도 서버는 상기 사용자 단말로부터의 상기 사용자 위치를 둘레길 위치 데이터와 비교하여 상기 둘레길 위치 데이터 범위 내에 있는 지를 판단하고 상기 사용자 위치가 리스트에 이미 등록되어 있는 지를 판단하여 상기 사용자 위치를 기록하고 상기 웹 브라우저 화면상에 둘레길 통과 지점을 나타내는 아이콘을 표출하고 해당 둘레길의 방문 지점을 모두 완주한 경우 완주 인증서 발급을 상기 사용자 단말로 제공하는 단계; 및
(iii) 상기 사용자 단말에 의해 상기 웹 브라우저 화면에 출력된 상기 지도에서 원하는 목적지 지점을 일정 시간 이상 터치하여 네비게이션 연동을 요청한 경우, 네비게이션 버튼을 구비한 팝업창을 상기 사용자 단말로 제공하여 화면에 표시하고 상기 사용자 단말이 상기 팝업창에서 상기 네비게이션 버튼을 선택한 경우, 네비 API를 호출하여 네비게이션 화면으로 전환하고 상기 사용자 단말로 제공하여 네비게이션 연동 동작을 수행하는 단계를 포함하는 전자 지도 서비스 방법.
(i) In response to a request for map information from a user terminal interlocking with a map server through a web browser, a scene graph constituting a 3D computer graphic environment according to the location and scale information is generated in the user terminal according to the location or scale information, and Clustering in which animation icons composed of vector graphics are displayed using a hardware acceleration function using a web graphic library, and grouped over a large number of overlapping areas with the functions of light sources, particles, and physics for user interaction, which are dynamic elements. Optimizing the rendering speed of the animation icon using a technology, transmitting it to the user terminal, and outputting a map on a web browser screen;
(ii) When the web browser of the user terminal periodically transmits the user location to the map server to request the Dullegil service, the map server compares the user's location from the user terminal with the Dullegil location data and It determines whether it is within the range of the road location data, and records the user location by determining whether the user location is already registered in the list, and displays an icon indicating the passing point of the dulle-gil on the web browser screen, and the visiting point of the dulle-gil. Providing completion of the completion certificate to the user terminal when all of them are completed; And
(iii) When requesting navigation linkage by touching a desired destination point on the map displayed on the web browser screen by the user terminal for a certain period of time or more, a pop-up window equipped with a navigation button is provided to the user terminal and displayed on the screen. And when the user terminal selects the navigation button in the pop-up window, calling a navigation API to switch to a navigation screen and providing it to the user terminal to perform a navigation linking operation.
제1 항에 있어서,
단계 (i)는
(i-1) 상기 사용자 단말로부터 지도 정보의 요청이 있었는 지를 판단하는 단계;
(i-2) 상기 사용자 단말로부터 지도 정보의 요청이 있는 경우, 상기 지도 서버에서는 상기 사용자 단말로부터의 상기 지도 정보의 요청을 처리하여 웹 브라우저에 애니메이션 아이콘이 포함된 지도 정보를 전송하여 지도를 출력하는 단계;
(i-3) 상기 지도 서버는 현재 표시할 지도의 위치와 축척 정보가 상기 지도 정보에 있는 지의 여부를 판단하는 단계;
(i-4) 상기 사용자 단말로부터 지도 정보의 요청이 있는 경우 사용자 단말에 위치 및 축척 정보에 따른 3차원 컴퓨터 그래픽 환경을 구성하는 씬 그래프를 생성하고 동적 요소인 사용자 상호 작용을 위한 광원, 입자, 물리 효과 기능을 갖고 웹 그래픽 라이브러리를 이용하여 하드웨어 가속 기능을 활용하여 벡터 그래픽으로 구성된 애니메이션 아이콘을 표시하고, 갯수가 많은 중첩 영역에 대하여 그룹핑하는 클러스터링 기술을 이용하여 상기 애니메이션 아이콘에 대한 렌더링 속도를 최적화하는 단계;
(i-5) 상기 지도 서버는 현재 표시할 지도를 메모리 또는 구글 서버로부터 가져와서 사용자 단말로 지도 정보를 전송하는 단계; 및
(i-6) 상기 사용자 단말은 상기 지도 서버 또는 구글 서버으로부터 수신된 지도 정보를 화면에 출력하는 단계를 포함하는 전자 지도 서비스 방법.
The method of claim 1,
Step (i) is
(i-1) determining whether there is a request for map information from the user terminal;
(i-2) When there is a request for map information from the user terminal, the map server processes the request for the map information from the user terminal and transmits map information including an animation icon to a web browser to output a map. Step to do;
(i-3) the map server determining whether the location and scale information of the map to be displayed currently exists in the map information;
(i-4) In the case of a request for map information from the user terminal, a scene graph constituting the 3D computer graphic environment according to the location and scale information is generated in the user terminal, and dynamic elements such as light sources, particles, and It has a physics effect function and uses a hardware acceleration function using a web graphic library to display an animation icon composed of vector graphics, and optimizes the rendering speed of the animation icon by using a clustering technology that groups a large number of overlapping areas. Step to do;
(i-5) the map server fetching a map to be displayed from a memory or a Google server and transmitting the map information to the user terminal; And
(i-6) The user terminal electronic map service method comprising the step of outputting the map information received from the map server or Google server on a screen.
제2 항에 있어서,
단계 (i-3)의 판단 결과, 현재 표시할 지도의 위치와 축척 정보가 상기 지도 정보에 없는 경우, 단계 (i-5)를 수행하는 단계를 더 포함하는 전자 지도 서비스 방법.
The method of claim 2,
The electronic map service method further comprising performing step (i-5) if, as a result of the determination in step (i-3), the location and scale information of the map to be displayed currently is not in the map information.
제1 항에 있어서,
단계 (ii)은
(ii-1) 상기 사용자 단말에서 사용자 단말의 사용자의 위치를 10초 단위로 주기적으로 지도 서버로 전송하는 단계;
(ii-2) 상기 사용자 단말로부터의 상기 사용자 위치를 둘레길 위치 데이터와 비교하여 현재 사용자 위치가 둘레길 위치 데이터 범위 내에 있는 지를 판단하는 단계;
(ii-3) 사용자 위치가 리스트에 이미 등록되어 있는 지를 판단하는 단계;
(ii-4) 상기 사용자 위치를 기록하고 상기 웹 브라우저 화면상에 상기 둘레길 통과 지점을 나타내는 아이콘을 표출하는 단계;
(ii-5) 해당 둘레길의 방문 지점을 모두 완주하였는 지를 판단하는 단계; 및
(ii-6) 해당 둘레길의 완주 인증서 발급 사용자 단말로 제공하는 단계를 포함하는 전자 지도 서비스 방법.
The method of claim 1,
Step (ii) is
(ii-1) periodically transmitting the location of the user of the user terminal from the user terminal to the map server every 10 seconds;
(ii-2) comparing the location of the user from the user terminal with location data of Dulle-gil to determine whether the current user location is within the range of Dulle-gil location data;
(ii-3) determining whether the user location is already registered in the list;
(ii-4) recording the location of the user and displaying an icon indicating the passing point of the roundabout on the web browser screen;
(ii-5) determining whether all visited points of the dulle-gil have been completed; And
(ii-6) An electronic map service method comprising the step of providing to a user terminal issuing a completion certificate of the dulle-gil.
제1 항에 있어서, 단계 (iii)는
상기 지도 서버는 상기 사용자 단말로부터 상기 웹 브라우저 화면에 출력된 상기 지도에서 원하는 목적지 지점을 일정 시간 이상 터치하여 네비게이션 연동을 요청하였는 지의 여부를 판단하는 단계;
상기 네비게이션 연동이 요청된 경우, 상기 목적지의 주소 및 상기 네비게이션 버튼, 위치 보기 버튼, 대중 교통 버튼, 및 취소 버튼을 구비한 팝업창을 상기 사용자 단말로 제공하여 화면에 표시하는 단계;
상기 지도 서버는 상기 사용자 단말이 상기 팝업창에서 상기 네비게이션 버튼을 선택하였는 지를 판단하는 단계; 및
상기 네비게이션 버튼을 선택한 경우, 상기 지도 서버는 상기 네비 API를 호출하여 상기 네비게이션 화면으로 전환하여 상기 사용자 단말로 제공하는 단계를 포함하는 전자 지도 서비스 방법.
The method of claim 1, wherein step (iii) is
Determining, by the map server, whether a navigation link is requested by touching a desired destination point in the map output on the web browser screen from the user terminal for a predetermined time or longer;
When the navigation linkage is requested, providing a pop-up window including the address of the destination and the navigation button, a location view button, a public transport button, and a cancel button to the user terminal and displaying on a screen;
Determining, by the map server, whether the user terminal has selected the navigation button in the pop-up window; And
And when the navigation button is selected, the map server calling the navigation API, converting to the navigation screen, and providing it to the user terminal.
웹 브라우저에 의해 지도 정보를 요청하고, 사용자 위치를 주기적으로 전송하여 둘레길 서비스를 요청하고, 웹 브라우저 화면에 출력된 지도에서 원하는 목적지 지점을 일정 시간 이상 터치하여 네비게이션 연동을 요청하고, 팝업창에서 카카오 네비게이션 버튼을 선택하는 사용자 단말; 및
웹 브라우저에 의해 지도 서버와 연동하는 사용자 단말로부터 지도 정보의 요청에 응답하여 위치나 축척 정보에 맞게 사용자 단말에 위치 및 축척 정보에 따른 3차원 컴퓨터 그래픽 환경을 구성하는 씬 그래프를 생성하고 동적 요소인 사용자 상호 작용을 위한 광원, 입자, 물리 효과의 기능을 갖고 웹 그래픽 라이브러리를 이용하여 하드웨어 가속 기능을 활용하여 벡터 그래픽으로 구성된 애니메이션 아이콘을 표시하고, 갯수가 많은 중첩 영역에 대하여 그룹핑하는 클러스터링 기술을 이용하여 상기 애니메이션 아이콘에 대한 렌더링 속도를 최적화하여 상기 사용자 단말에 전송하여 지도를 웹 브라우저 화면에 표시하고,
상기 사용자 단말로부터의 상기 둘레길 서비스 요청에 응답하여 상기 사용자 단말로부터의 현재 사용자 위치를 둘레길 위치 데이터와 비교하여 상기 둘레길 위치 데이터 범위 내에 있는 지를 판단하고 상기 사용자 위치가 리스트에 이미 등록되어 있는 지를 판단하여 상기 사용자 위치를 기록하고 상기 웹 브라우저 화면상에 둘레길 통과 지점을 나타내는 아이콘을 표출하고 해당 둘레길의 방문 지점을 모두 완주한 경우 완주 인증서 발급을 상기 사용자 단말로 제공하고,
상기 사용자 단말로부터의 상기 네비게이션 연동 요청에 응답하여 카카오 네비게이션 버튼을 구비한 팝업창을 상기 사용자 단말로 제공하여 화면에 표시하고 상기 사용자 단말이 상기 팝업창에서 상기 카카오 네비게이션 버튼을 선택한 경우, 카카오 네비 API를 호출하여 네비게이션 화면으로 전환하고 상기 사용자 단말로 제공하여 네비 연동 동작을 수행하는 지도 서버를 포함하는 전자 지도 서비스 시스템.
Request map information through a web browser, periodically transmit the user's location to request Dulle-gil service, touch a desired destination point on the map displayed on the web browser screen for a certain period of time to request navigation linkage, and use Kakao in a pop-up window. A user terminal for selecting a navigation button; And
In response to a request for map information from a user terminal interlocking with a map server by a web browser, a scene graph that composes a 3D computer graphic environment according to the location and scale information is created in the user terminal according to the location or scale information, and is a dynamic element. It has the functions of light sources, particles, and physics for user interaction, displays animation icons composed of vector graphics using a hardware acceleration function using a web graphic library, and uses clustering technology to group the overlapping areas with a large number of them. By optimizing the rendering speed of the animation icon and transmitting it to the user terminal, the map is displayed on the web browser screen,
In response to the request for the Dulle-gil service from the user terminal, the current user location from the user terminal is compared with the Dulle-gil location data to determine whether it is within the range of the Dulle-gil location data, and the user location is already registered in the list. Is determined, records the user's location, displays an icon indicating the passing point of the dulle-gil on the web browser screen, and provides a completion certificate issuance to the user terminal when all visited points of the dulle-gil are completed,
In response to the navigation link request from the user terminal, a pop-up window with a Kakao navigation button is provided to the user terminal and displayed on the screen, and when the user terminal selects the Kakao navigation button in the pop-up window, Kakao Navigation API is called. The electronic map service system comprising a map server that converts to a navigation screen and provides it to the user terminal to perform a navigation linkage operation.
KR1020200042035A 2020-04-07 2020-04-07 Electronic map service method and system KR102174524B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020200042035A KR102174524B1 (en) 2020-04-07 2020-04-07 Electronic map service method and system

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020200042035A KR102174524B1 (en) 2020-04-07 2020-04-07 Electronic map service method and system

Publications (1)

Publication Number Publication Date
KR102174524B1 true KR102174524B1 (en) 2020-11-04

Family

ID=73571185

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020200042035A KR102174524B1 (en) 2020-04-07 2020-04-07 Electronic map service method and system

Country Status (1)

Country Link
KR (1) KR102174524B1 (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20220147183A (en) 2021-04-26 2022-11-03 서울대학교산학협력단 Electronic Map Service Method of Garden and Related Forest Culture Facility
WO2023287156A1 (en) * 2021-07-13 2023-01-19 엘지전자 주식회사 Mr service platform for providing mixed reality automotive meta service, and control method therefor
CN116755619A (en) * 2023-06-06 2023-09-15 中国自然资源航空物探遥感中心 Method, device, equipment and medium for slicing measurement data of aviation magnetic-release comprehensive station

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100316804B1 (en) 2000-05-25 2001-12-12 홍봉희 Apparatus and method for providing the dynamically created geographic information to mobile terminal
KR20080107014A (en) * 2007-06-05 2008-12-10 주식회사 케이티프리텔 Navigation service providing system and providing method thereof
KR20130062466A (en) * 2011-11-25 2013-06-13 주식회사 케이티 Method for linking target point information of digital map services and terminal for use therein
KR20140075760A (en) * 2011-09-26 2014-06-19 구글 잉크. Managing map elements using aggregate feature identifiers
KR20160041034A (en) * 2016-03-30 2016-04-15 엔에이치엔엔터테인먼트 주식회사 Service method and system for providing reward using moving path of users

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100316804B1 (en) 2000-05-25 2001-12-12 홍봉희 Apparatus and method for providing the dynamically created geographic information to mobile terminal
KR20080107014A (en) * 2007-06-05 2008-12-10 주식회사 케이티프리텔 Navigation service providing system and providing method thereof
KR20140075760A (en) * 2011-09-26 2014-06-19 구글 잉크. Managing map elements using aggregate feature identifiers
KR20130062466A (en) * 2011-11-25 2013-06-13 주식회사 케이티 Method for linking target point information of digital map services and terminal for use therein
KR20160041034A (en) * 2016-03-30 2016-04-15 엔에이치엔엔터테인먼트 주식회사 Service method and system for providing reward using moving path of users

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20220147183A (en) 2021-04-26 2022-11-03 서울대학교산학협력단 Electronic Map Service Method of Garden and Related Forest Culture Facility
WO2023287156A1 (en) * 2021-07-13 2023-01-19 엘지전자 주식회사 Mr service platform for providing mixed reality automotive meta service, and control method therefor
CN116755619A (en) * 2023-06-06 2023-09-15 中国自然资源航空物探遥感中心 Method, device, equipment and medium for slicing measurement data of aviation magnetic-release comprehensive station
CN116755619B (en) * 2023-06-06 2024-01-05 中国自然资源航空物探遥感中心 Method, device, equipment and medium for slicing measurement data of aviation magnetic-release comprehensive station

Similar Documents

Publication Publication Date Title
US11585675B2 (en) Map data processing method, computer device and storage medium
US12008727B2 (en) Digital mapping system
KR101962394B1 (en) Prominence-based generation and rendering of map features
KR102174524B1 (en) Electronic map service method and system
US10324601B2 (en) Integrating maps and street views
US9361283B2 (en) Method and system for projecting text onto surfaces in geographic imagery
CN110375755B (en) Solution for highly customized interactive mobile map
CA2953656C (en) A digital mapping system
Simon et al. A mobile application framework for the geospatial web
CN109416258B (en) Method, apparatus and computer program product for adaptive site scaling in a digital map interface
JP2017505923A (en) System and method for geolocation of images
US9443494B1 (en) Generating bounding boxes for labels
CN110741229A (en) Dynamically changing visual attributes of indicators on a digital map
KR20220147183A (en) Electronic Map Service Method of Garden and Related Forest Culture Facility
KR102105775B1 (en) Electronic map service method and system

Legal Events

Date Code Title Description
E601 Decision to refuse application
X091 Application refused [patent]
AMND Amendment
X701 Decision to grant (after re-examination)
GRNT Written decision to grant