EP3314474A1 - Dispositif interactif a affichage tridimensionnel - Google Patents
Dispositif interactif a affichage tridimensionnelInfo
- Publication number
- EP3314474A1 EP3314474A1 EP16742340.9A EP16742340A EP3314474A1 EP 3314474 A1 EP3314474 A1 EP 3314474A1 EP 16742340 A EP16742340 A EP 16742340A EP 3314474 A1 EP3314474 A1 EP 3314474A1
- Authority
- EP
- European Patent Office
- Prior art keywords
- data
- display
- interpreter
- face
- web page
- Prior art date
- Legal status (The legal status 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 status listed.)
- Withdrawn
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/29—Geographical information databases
-
- G—PHYSICS
- G01—MEASURING; TESTING
- G01C—MEASURING DISTANCES, LEVELS OR BEARINGS; SURVEYING; NAVIGATION; GYROSCOPIC INSTRUMENTS; PHOTOGRAMMETRY OR VIDEOGRAMMETRY
- G01C21/00—Navigation; Navigational instruments not provided for in groups G01C1/00 - G01C19/00
- G01C21/26—Navigation; Navigational instruments not provided for in groups G01C1/00 - G01C19/00 specially adapted for navigation in a road network
- G01C21/34—Route searching; Route guidance
- G01C21/36—Input/output arrangements for on-board computers
- G01C21/3667—Display of a road map
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—Three-dimensional [3D] image rendering
- G06T15/005—General purpose rendering architectures
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T17/00—Three-dimensional [3D] modelling for computer graphics
- G06T17/05—Geographic models
Definitions
- the invention relates to web devices, and in particular devices for interaction. More particularly, the invention relates to the field of mapping on the Internet.
- the invention proposes an interactive device, comprising a user interface for defining display requests comprising at least location data and display data, a network interface arranged to send a request for data of web pages. in correspondence with a display request, a memory for receiving corresponding web page data, and a web interpreter for displaying a web page from web page data, which web interpreter includes at least one WebGL interpreter and an engine 3D arrangement for computing, for data web page data including mapping data and object data, face data of at least one object associated with the object data, for grouping said face data into data of face blocks and transmitting the face block data to the WebGL interpreter for computing three-dimensional display data of the at least one object by keeping a correspondence between at least some of the objects associated with the object data and the corresponding face data in the face block data, the web interpreter being arranged to allow display of web page data to from the mapping data and the three-dimensional display data of the at least one object.
- This device is advantageous because it allows to have a representation of a map in three dimensions, with as many objects in three dimensions as necessary, each object being individually clickable and allowing an unknown interaction until then.
- the face data is calculated on the client side, it becomes possible to transmit a large quantity of objects in three dimensions, which makes it possible to model all the buildings of a city, but also the trees and other road details. , as well as networks that achieve a degree of detail and interactivity never achieved while maintaining a fluid display.
- the device may have one or more of the following characteristics:
- the memory stores only data of type cache
- the display data comprises zoom data
- the mapping data define a geographical environment substantially centered on a location designated by the location data, and the extent of which depends on the zoom data
- the object data includes building data including building location data, roof shape data, and height data,
- the object data comprises terrain data including location data, and altitude data
- the 3D engine calculates the face data by triangulation from the object data and zoom data
- the web interpreter is arranged to determine an object data identifier of an object designated by a user via the user interface from the correspondence between at least some of the objects associated with the object data and the data of the user. corresponding faces in the face block data.
- the code of the 3D engine is received as display data at the device initialization and / or during updates
- the 3D engine arranges the data of blocks of faces in an object of the Float32Array type
- the device comprises material resources dedicated to the display.
- the invention also relates to an interactive display method comprising the following operations:
- a display request comprising at least location data and display data
- vs. receive corresponding web page data including mapping data and object data, and transmit them to a web interpreter including a 3D engine and a WebGL interpreter
- calculating with the 3D engine face data of at least one object associated with the object data, and grouping these face data in face block data e. transmitting the faceblock data to the WebGL interpreter, maintaining a correspondence between at least some of the objects associated with the object data and the corresponding face data in the faceblock data, for computing data three-dimensional display of said at least one object, f. calling the web interpreter with the mapping data and the three-dimensional display data of the at least one object to display web page data.
- FIG. 1 represents a schematic diagram of a device according to the invention, in its operating environment
- FIG. 2 represents a schematic diagram of an operating loop of the device of FIG. 1, and
- FIG. 3 represents a schematic diagram of an updating operation of FIG. 2.
- FIG. 1 represents a generic diagram of an interactive device 2 according to the invention in its environment.
- the example described here finds a particularly interesting application in the field of on-line mapping.
- the invention finds its application in any situation involving a three-dimensional display involving interactivity with the user in a context "any server", or "any flow (streaming English)", that is to say that all the data comes from a server, the device does not store anything locally (including the JavaScript code of the 3D engine in the example described here) apart from the cache.
- This application is particularly suitable for web use, but may be used as an application for smartphones for example, in a format other than a web page. In this case, the application may store the code data of the 3D engine for example, but will still not aim to store other data than cache, that is to say, the stored data is not persistent.
- the device 2 comprises a memory 4, a display 6, a user interface 8, a network interface (not shown) and a web interpreter 10.
- the memory 4 can be any means of storing information: flash memory, RAM memory, a hard disk, a connection to a remote storage or in the cloud, etc.
- the memory 4 is used to store the data for processing.
- the data of the memory 4 are not intended to be persistent, except to serve as cache whose validity period is programmed and limited. Indeed, the invention is a real-time application where all the data are obtained from the server, without prior local storage.
- the display 6 can be any conventional display of the screen type, video projector, projection glasses, etc.
- the user interface 8 allows the user of the device 2 to choose the display parameters of the card and the location he wants to view.
- the display parameters may include, but are not limited to, latitude and longitude, zoom level, viewing angle, orientation. These parameters are classic in this type of application.
- the invention also proposes other display parameters, called "customization" parameters. Indeed, in known applications, it is possible to activate or deactivate the display of certain elements. However, this only involves displaying or not displaying the corresponding information layers. It is not a question of allowing to personalize the display of a restricted set of objects, for example. Moreover, it is not possible to speak of "objects" in the applications of the prior art. They are simple cartographies, possibly equipped with displays in three dimensions, but not individualizable. Conversely, the invention makes it possible to make each element of the map independent, as a computer object.
- the web interpreter 10 can be realized by any browser implementing HTML, JavaScript and WebGL. As will be seen in the following, the web interpreter 10 includes a WebGL interpreter and a 3D engine (not shown). In the example described here, the user accesses the map through a web page. This web page contains both HTML code, JavaScript code and WebGL code. The JavaScript code defines the 3D engine, which receives object data to be represented on the map portion required by the user, and transforms that object data into face data. The face data is transmitted to the WebGL interpreter which interacts with the hardware resources of the device 2 to calculate the data to be displayed as such.
- a server 12 which comprises a memory 14 and a motor 16.
- the memory 14 is similar to the memory 4, except that it stores all the information useful for the operation of the device 2 (unlike the memory 4 which stores almost exclusively cache).
- the engine 16 is an element that receives the requests for data from Web pages of the device 2. As seen above, from the data received by the user interface 8, the device 2 defines a request for displaying the mapping from location data and display data. These data together define a geographical area. Based on this geographic area, the device 2 issues a web page data request to the server 12, and the engine 16 selects in the memory 14 the mapping data as well as the data of the objects that correspond to this query.
- the mapping data of the memory 14 are stored in the form of tiles ("tiles" in English) in several levels of detail. Thus, each tile breaks down into four sub-tiles when the zoom level increases, and vice versa, and so on.
- the mapping data contains for each tile the list of objects associated with it.
- the object data could contain data indicating the tiles to which they are attached.
- the identification of the tiles is implicit, ie the device 2 can determine which tile data to request from the server 12 via the web page data request.
- the latter is a pure resource request, and the server 12 does not develop any "intelligence".
- the web page data request could be more abstract and contain the location data and the display data, and the server 12 would load via the engine 16 to determine the relevant tile data.
- the data of the objects comprise, in the example described here, data enabling the three-dimensional display of these objects to be defined in an abstract manner.
- the object data includes data defining the footprint, the shape of its roof, and building height data.
- a building can have several heights.
- the 3D engine calculates the face data of a building, it proceeds by "raising" an outline corresponding to the footprint of the building on the ground to the height of the corresponding object data, and calculating the triangles defining each faces of the object thus defined. Another way of looking at this is to consider that a building is "extruded" through its footprint on its height.
- a mesh of the ground by triangulation is realized.
- This mesh can be used to represent reliefs by means of object data of the relief data type, which includes location data enabling to indicate the tile to which they correspond, and altitude data to indicate the height of the relief.
- object data of the relief data type which includes location data enabling to indicate the tile to which they correspond
- altitude data to indicate the height of the relief.
- Objects can also be immaterial, such as a bus or metro line, or a water or electricity distribution network.
- the engine 16 may select the object data based on a value indicating their size.
- the engine 16 only returns details whose size is relevant given the resolution of the reproduced card.
- the engine 16 will send object data whose size has made them relevant given the desired resolution. This has the advantage of controlling the download and processing load on the device side, but also improving the visual experience: as a user zooms in, the world becomes clearer.
- FIG. 2 represents a schematic diagram of an operating loop of the device of FIG. 1.
- the device 2 initializes the display of the map. For this, the location data and the display parameters are obtained from the user interface 8, and the device 2 implements the network interface to issue a display request to the server 12 with these data. In response, the server 12 transmits data including the code of the 3D engine, as well as the mapping data and the corresponding object data. In subsequent exchanges, the 3D engine code is no longer transmitted.
- the device 2 receives the mapping data and the object data, as well as the code of the 3D engine.
- the web interpreter 10 displays, for example, the mapping data first, which gives the user a quick view of the "basemap".
- the 3D engine processes the object data to calculate the corresponding face data.
- the face data of each object is grouped and entered in a face data block by means of a 32-bit array ("Float32Array") type of memory block used by the WebGL interface. hereinafter Buffer32.
- the Buffer32 is a classic WebGL tool used to send a 3D display data calculation request to a hardware resource from face data defined in the Buffer32.
- the WebGL interpreter transmits the Buffer32 containing all the data from the face to the hardware resource of the device 2 for computing the data for the three-dimensional display of the object data.
- Each Buffer32 can contain data related to 65536 triangle vertices. When a Buffer32 is "full", the 3D engine instantiates another one, while preserving the correspondences between the data of each Buffer32 and the objects to which they correspond. Alternatively, Buffer32 could be realized with another type of array of values.
- the face data may include data defining vertices, faces, or texture mapping information on the triangles.
- the web interpreter 10 maintains a correspondence between the grouped front data for each object of the Buffer32 and the identifiers of the corresponding objects.
- a user wants to select an object, he clicks with a mouse on a location on the screen (or other means of naming a location on the screen as the event "onMouseOver” JavaScript).
- the WebGL interpreter issues a ray picking request, which returns the face in the Buffer32 that has been designated by the click, and, based on this match, the Web interpreter 10 is able to know which object has been clicked or designated, and to offer the user a menu of options for making specific requests to this object or to a class of objects corresponding to the server 12, or display this object in a particular way.
- other methods than ray picking could be used to determine the face that is under the mouse (eg the single-point rendering of the scene with colorization of the faces based on their identifier and identification of the face from the color of this point).
- the invention makes it possible to produce a new type of card in which the interaction is possible and intuitive: if one wants to have information on a metro line or a building, or on the vegetation of a street, just click anywhere on the corresponding object.
- the device 2 updates the display 6 according to the user inputs via the user interface 8.
- the web interpreter 10 calls the server 12 to obtain new data and calculates the modified data accordingly.
- FIG. 3 represents an exemplary implementation of the operation 240.
- the web interpreter 10 determines the location data associated with the center of the card designated by the user interface 8. Then, the interpreter Web 10 determines the display settings such as viewing angle and zoom to determine a new area to be represented by the display.
- the web interpreter 10 determines the list of tiles corresponding to the new view determined in the operation 300 and asks the server only those that it does not already have. In response, the server 12 returns the list of corresponding tiles.
- the server 12 can keep a list of tiles and objects already transmitted and / or considered current, and directly transmit new relevant data.
- the web interpreter 10 carries out the same operations as for the operation 220 for the newly obtained data, and updates, if necessary, the data already known and displayed.
- Updating the altitude of a building already displayed can be performed by simply updating the elevation in the definition of building face data in the face data block.
- the update is as light as possible and allows the construction of a 3D map with data arriving only sequentially and in disorder.
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Remote Sensing (AREA)
- Databases & Information Systems (AREA)
- General Engineering & Computer Science (AREA)
- Radar, Positioning & Navigation (AREA)
- Data Mining & Analysis (AREA)
- Geometry (AREA)
- Computer Graphics (AREA)
- Software Systems (AREA)
- Automation & Control Theory (AREA)
- Human Computer Interaction (AREA)
- Processing Or Creating Images (AREA)
- Instructional Devices (AREA)
Abstract
Description
Claims
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| FR1555807A FR3038090B1 (fr) | 2015-06-24 | 2015-06-24 | Dispositif interactif a affichage tridimensionnel |
| PCT/FR2016/051532 WO2016207551A1 (fr) | 2015-06-24 | 2016-06-22 | Dispositif interactif a affichage tridimensionnel |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| EP3314474A1 true EP3314474A1 (fr) | 2018-05-02 |
Family
ID=54707856
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| EP16742340.9A Withdrawn EP3314474A1 (fr) | 2015-06-24 | 2016-06-22 | Dispositif interactif a affichage tridimensionnel |
Country Status (4)
| Country | Link |
|---|---|
| US (1) | US20180322143A1 (fr) |
| EP (1) | EP3314474A1 (fr) |
| FR (1) | FR3038090B1 (fr) |
| WO (1) | WO2016207551A1 (fr) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114615241A (zh) * | 2022-03-03 | 2022-06-10 | 智道网联科技(北京)有限公司 | 基于高精地图的动态路网显示方法及相关设备 |
Families Citing this family (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| FR3038995B1 (fr) | 2015-07-15 | 2018-05-11 | F4 | Dispositif interactif a affichage personnalisable |
| FR3042620B1 (fr) | 2015-10-16 | 2017-12-08 | F4 | Dispositif web interactif a affichage personnalisable |
| CN108536698B (zh) * | 2017-03-02 | 2022-09-13 | 腾讯科技(深圳)有限公司 | web数据三维展示方法及装置 |
| US10678842B2 (en) * | 2017-03-21 | 2020-06-09 | EarthX, Inc. | Geostory method and apparatus |
| CN107832054A (zh) * | 2017-11-30 | 2018-03-23 | 郑州云海信息技术有限公司 | 一种房产模型的展示方法和装置 |
| CN108038915A (zh) * | 2017-12-13 | 2018-05-15 | 中国能源建设集团江苏省电力设计院有限公司 | 一种基于web端三维模拟的变电站工程进度信息可视化系统 |
| CN109979002A (zh) * | 2019-02-28 | 2019-07-05 | 华南机械制造有限公司 | 基于WebGL三维可视化的场景构建系统及方法 |
| CN111599011B (zh) * | 2020-07-15 | 2023-08-04 | 杭州电力设备制造有限公司 | 基于WebGL技术的电力系统场景快速构建方法及系统 |
| CN112380309B (zh) * | 2020-11-23 | 2024-10-22 | 深圳航天智慧城市系统技术研究院有限公司 | 一种基于WebGL的GIS数据可视化方法及装置 |
Family Cites Families (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CA2533279C (fr) * | 2005-01-18 | 2011-09-20 | Ryan Eccles | Systeme et methode pour traiter des donnees cartographiques |
| US7734412B2 (en) * | 2006-11-02 | 2010-06-08 | Yahoo! Inc. | Method of client side map rendering with tiled vector data |
| NL2008690C2 (en) * | 2011-04-25 | 2014-07-15 | Google Inc | Dynamic highlighting of geographic entities on electronic maps. |
| GB201204657D0 (en) * | 2011-11-18 | 2012-05-02 | Tomtom North America Inc | Methods for providing 3D building information |
| US20130321400A1 (en) * | 2012-06-05 | 2013-12-05 | Apple Inc. | 3D Map Views for 3D Maps |
| US20140071119A1 (en) * | 2012-09-11 | 2014-03-13 | Apple Inc. | Displaying 3D Objects in a 3D Map Presentation |
-
2015
- 2015-06-24 FR FR1555807A patent/FR3038090B1/fr active Active
-
2016
- 2016-06-22 WO PCT/FR2016/051532 patent/WO2016207551A1/fr not_active Ceased
- 2016-06-22 EP EP16742340.9A patent/EP3314474A1/fr not_active Withdrawn
- 2016-06-22 US US15/739,479 patent/US20180322143A1/en not_active Abandoned
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114615241A (zh) * | 2022-03-03 | 2022-06-10 | 智道网联科技(北京)有限公司 | 基于高精地图的动态路网显示方法及相关设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| US20180322143A1 (en) | 2018-11-08 |
| WO2016207551A1 (fr) | 2016-12-29 |
| FR3038090B1 (fr) | 2017-08-04 |
| FR3038090A1 (fr) | 2016-12-30 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3314474A1 (fr) | Dispositif interactif a affichage tridimensionnel | |
| US10274324B2 (en) | Dynamic highlighting of geographic entities on electronic maps | |
| US8902282B1 (en) | Generating video from panoramic images using transition trees | |
| TWI459283B (zh) | 可調整且革新的行動裝置街道視界 | |
| US8026929B2 (en) | Seamlessly overlaying 2D images in 3D model | |
| US9754413B1 (en) | Method and system for navigating in panoramic images using voxel maps | |
| US20230376511A1 (en) | Temporal Layers for Presenting Personalization Markers on Imagery | |
| EP2731084A1 (fr) | Procédé d'augmentation de la réalité | |
| JP2010537348A (ja) | 解像度の連続した付加レイヤー内の地理空間テクスチャ・データを選択的に読み出し表示するための地理空間データシステム、および関連した方法 | |
| US20150199383A1 (en) | Systems and Methods for Indexing and Retrieving Images | |
| CN101802875B (zh) | 用于基于用户选择的视点选择性地检索并显示地理空间纹理数据的地理空间数据系统及相关方法 | |
| EP3323044A1 (fr) | Dispositif interactif a affichage personnalisable | |
| US20160191773A1 (en) | Distribution of location-based augmented reality captures | |
| WO2018149321A1 (fr) | Procédé et dispositif de fourniture d'informations à un objet interactif | |
| EP3362912A1 (fr) | Dispositif web interactif a affichage personnalisable | |
| WO2014170482A1 (fr) | Procede de generation d'un flux video de sortie a partir d'un flux video large champ | |
| JP2014182838A (ja) | 地理的エリアの公開格付けを取得する情報システム | |
| US20250076063A1 (en) | Navigation-integrated scenic location value and route planning | |
| JP2022007881A (ja) | 情報提供サービスプログラム及び情報提供サービス用情報端末装置 | |
| US9534915B2 (en) | Dynamic attraction inference in route recommendations | |
| WO2012104290A1 (fr) | Procédé et dispositif de traitement de séquences d'images d'une scène et système de surveillance d'une scène comportant un tel dispositif | |
| EP1864260B1 (fr) | Procede de reconstruction d'image dans un graphique vectoriel | |
| WO2011144435A1 (fr) | Système de traitement de données relatives à des bâtiments | |
| FR2974216A1 (fr) | Procede de restitution d'une sequence d'images simulant un survol d'un trou d'un parcours de golf | |
| WO2025210125A1 (fr) | Procédé de gestion de contenus à afficher dans un environnement 3d |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| STAA | Information on the status of an ep patent application or granted ep patent |
Free format text: STATUS: THE INTERNATIONAL PUBLICATION HAS BEEN MADE |
|
| PUAI | Public reference made under article 153(3) epc to a published international application that has entered the european phase |
Free format text: ORIGINAL CODE: 0009012 |
|
| STAA | Information on the status of an ep patent application or granted ep patent |
Free format text: STATUS: REQUEST FOR EXAMINATION WAS MADE |
|
| 17P | Request for examination filed |
Effective date: 20171215 |
|
| AK | Designated contracting states |
Kind code of ref document: A1 Designated state(s): AL AT BE BG CH CY CZ DE DK EE ES FI FR GB GR HR HU IE IS IT LI LT LU LV MC MK MT NL NO PL PT RO RS SE SI SK SM TR |
|
| AX | Request for extension of the european patent |
Extension state: BA ME |
|
| DAV | Request for validation of the european patent (deleted) | ||
| DAX | Request for extension of the european patent (deleted) | ||
| STAA | Information on the status of an ep patent application or granted ep patent |
Free format text: STATUS: EXAMINATION IS IN PROGRESS |
|
| 17Q | First examination report despatched |
Effective date: 20190227 |
|
| STAA | Information on the status of an ep patent application or granted ep patent |
Free format text: STATUS: THE APPLICATION IS DEEMED TO BE WITHDRAWN |
|
| 18D | Application deemed to be withdrawn |
Effective date: 20190910 |