Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Map labeling method and map labeling device

A map and icon technology, applied in the field of web pages, can solve the problem of few points of interest supported by maps

Inactive Publication Date: 2014-09-17
BEIJING TRANWISEWAY INFORMATION TECH
View PDF4 Cites 20 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] The present invention provides a map labeling method and device to solve the problem that existing maps support fewer points of interest

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Map labeling method and map labeling device
  • Map labeling method and map labeling device
  • Map labeling method and map labeling device

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0032] refer to figure 1 , gives the flow chart of the map labeling method provided by Embodiment 1 of the present invention.

[0033] Step 101: Detect the characteristics of the browser, and select web page label elements according to the characteristics of the browser.

[0034] In this embodiment, web page tag elements are constructed based on the characteristics of HyperText Mark-up Language 5 (HTML5), so as to increase the number of points of interest that can be marked in the web page.

[0035] Since not all browsers support the HTML5 technology, it is first necessary to detect the characteristics of the browser, such as detecting whether the browser supports the HTML5 technology and which technologies in the HTML5 are supported. Therefore, the web page label element is selected according to the characteristics of the browser.

[0036] In the embodiment of the present invention, the web page label element uses a script to describe the picture displayed in the browser, s...

Embodiment 2

[0044] On the basis of the above-mentioned embodiments, this embodiment further discusses the map labeling method.

[0045] Based on the characteristics of HTML5, not only the first element but also the second element can be loaded in the web page, and the second element is based on the vector image. Wherein the second element is a Scalable Vector Graphics (Scalable Vector Graphics, SVG) element, or a Vector Markup Language (The Vector Markup Language, VML) element.

[0046] Among them, using One difference between markup and markup with SVG elements or VML elements is that There is a JavaScript-based drawing API, while SVG and VML use an XML document to describe the drawing, and the two ways are functionally equivalent.

[0047] Among them, SVG supports DOM, so SVG documents can deal with external programs through consistent interface specifications. SVG and the object elements in SVG can be completely driven by external events through the scripting language, such ...

Embodiment 3

[0079] On the basis of the foregoing embodiments, this embodiment further discusses an optional method for map labeling.

[0080] refer to Figure 3A , Figure 3B , Figure 3C , Figure 3D and Figure 3E An optional flow chart of the map labeling method provided by Embodiment 3 of the present invention is given.

[0081] Such as Figure 3A As shown, the main process includes steps 301 to 308.

[0082] Step 301, browser characteristic judgment.

[0083] Step 302, detecting whether the browser supports characteristic.

[0084] If yes, support feature, execute step 303; if not, it does not support characteristic, go to step 304.

[0085] Step 303, based on Elements are labeled.

[0086] Step 304, detecting whether the browser supports characteristic.

[0087] If yes, support feature, execute step 305; if not, it does not support characteristic, go to step 306.

[0088] Step 305, based on Elements are labeled.

[0089] Step 306, chec...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention provides a map labeling method and a map labeling device, aiming at solving the problem that the existing map supports fewer interest points. The method comprises the steps of detecting the characteristic of a browser, and selecting a webpage label element according to the characteristic of the browser, wherein the webpage label element is capable of describing the pictures displayed in the browser by a script; when the webpage label element is a first element, drawing an icon by a first icon drawing template corresponding to the first element, wherein the Java Script is adopted by the first element; adding a node of the first element into a main node of a map page. Therefore, when the page is displayed by the browser, the pictures can be downloaded by the script based on the webpage label element, and rendering and rearranging can be further carried out. According to the method and the device, the HTML5 new characteristic is packaged into Java script map application program interface (API), so that more than 2000 interest points labeled by the API can be called, and the map operation is not greatly influenced.

Description

technical field [0001] The invention relates to the technical field of webpages, in particular to a map labeling method and device. Background technique [0002] When the application programming interface (Application Programming Interface, API) of the mainstream Javascript map marks the points of interest on the map, it first creates the Document Object Model (Document Object Model, DOM) node of the DIV element in the web page and the DOM node of the nested IMG element, Secondly, modify the SRC attribute of IMG to link pre-made icon images, such as images in Portable Network Graphic Format (PNG) or Graphics Interchange Format (GIF), and then change the STYPE attribute of DIV to Locate the position of the screen, and finally add the DOM node of the DIV element to the main DOM node of the map. This process completes the marking of a point of interest on the map. [0003] However, the performance of the browser parsing DOM has a great relationship with the number of DOM nodes...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Applications(China)
IPC IPC(8): G06F17/30G09B29/10
CPCG09B29/007
Inventor 杜雄胡道生夏曙东
Owner BEIJING TRANWISEWAY INFORMATION TECH
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products