WO2019214082A1 - 地图显示方法、装置、计算机设备和存储介质 - Google Patents

地图显示方法、装置、计算机设备和存储介质 Download PDF

Info

Publication number
WO2019214082A1
WO2019214082A1 PCT/CN2018/096969 CN2018096969W WO2019214082A1 WO 2019214082 A1 WO2019214082 A1 WO 2019214082A1 CN 2018096969 W CN2018096969 W CN 2018096969W WO 2019214082 A1 WO2019214082 A1 WO 2019214082A1
Authority
WO
WIPO (PCT)
Prior art keywords
map
initial
background
container
initial map
Prior art date
Application number
PCT/CN2018/096969
Other languages
English (en)
French (fr)
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 平安科技（深圳）有限公司
Publication of WO2019214082A1 publication Critical patent/WO2019214082A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Definitions

  • the present application relates to a map display method, apparatus, computer device and storage medium.
  • a map display method, apparatus, computer device, and storage medium are provided.
  • a map display method comprising:
  • a map display device comprising:
  • a detecting module configured to detect whether a size of a display window of the currently displayed map is changed
  • An initial map positioning module configured to acquire an initial map corresponding to the current display map when the size of the display window is changed, and acquire a first position of the initial map in a container corresponding to the display window;
  • a background map obtaining module configured to acquire a background map corresponding to the initial map
  • a background map positioning module configured to adjust a second position of the background map in the container according to the first position; wherein the edge of the background map has no blank area.
  • a computer device comprising a memory and one or more processors having stored therein computer readable instructions, the computer readable instructions being executable by the processor to cause the one or more processors to execute The following steps:
  • One or more non-transitory computer readable storage mediums storing computer readable instructions, when executed by one or more processors, cause one or more processors to perform the steps of:
  • FIG. 1 is an application scenario diagram of a map display method in accordance with one or more embodiments.
  • FIG. 2 is a flow diagram of a map display method in accordance with one or more embodiments.
  • FIG. 3 is a flow diagram of an adjustment step in accordance with one or more embodiments.
  • FIG. 4 is a block diagram of a map display device in accordance with one or more embodiments.
  • FIG. 5 is a block diagram of a computer device in accordance with one or more embodiments.
  • the map display method provided by the present application can be applied to an application environment as shown in FIG. 1.
  • the terminal communicates with the server through the network.
  • the terminal receives relevant data such as a background map corresponding to the currently displayed map from the server, and displays the current display map on the display window of the terminal.
  • relevant data such as a background map corresponding to the currently displayed map from the server
  • the initial map of the currently displayed map is in the container corresponding to the display window.
  • a position adjusts the second position of the background map in the container.
  • the terminal can be, but is not limited to, various personal computers, notebook computers, smart phones, tablets, and portable wearable devices, and the server can be implemented by a separate server or a server cluster composed of multiple servers.
  • a map display method is provided, which is applied to the terminal in FIG. 1 as an example, and includes the following steps:
  • the current display map is a map displayed on the display window of the terminal obtained by combining the acquired background map with the initial map generated by the map tool; for example, when the initial map is a Chinese map drawn by the Echarts map drawing tool;
  • the technician draws a more convenient view of the background map in accordance with the Chinese map drawn by Echarts' mapping tool, and then maps the background.
  • the display coincides with the initial map, and the current display map is obtained after the initial map is hidden, and the current display map is obtained by combining the positioning information of the initial map with the background map.
  • the initial map may expand and contract according to the change of the size of the display window, but
  • the background map corresponding to the initial map cannot be scaled as the initial map expands and contracts, which may cause disorder in the display.
  • the terminal can monitor whether the window size of the corresponding container of the container display window is changed by setting the function addEvenetListener(resize).
  • the container is the address for displaying the current display map, that is, the background map and the initial map corresponding to the currently displayed map are present in the container; for example, when the display format of the map is currently displayed, the container is a DOM (Document Object Model file) Object model) element.
  • DOM Document Object Model file
  • the initial map is a map drawn by the map tool, including latitude and longitude coordinates.
  • the technician can locate the specific location on the initial map according to the latitude and longitude coordinates on the initial map; such as the Chinese map drawn by the Echarts map drawing tool.
  • the first position is the position of the initial map in the container after the size of the display window is changed, and can be expressed by the distance between the initial map and the container frame.
  • the terminal detects that the size of the display window has changed, it is necessary to adjust the position of the background map in the display window according to the position of the initial map in the display window according to the size of the display window.
  • the initial map is placed in the container and displayed in the display window, so it is necessary to obtain the first position of the initial map in the corresponding container of the display window.
  • the background map is the background image of the current display map, corresponding to the initial map, is the same proportion map drawn by the designer according to the initial map, and then on the basis of the projection, coloring, stroke processing, etc., to make a match
  • the background map corresponding to the initial map needs to be acquired first, and then the next operation is performed on the background map.
  • the second location is a location of the background map in the container, and may include a distance between the background map and the container border.
  • the second location in the container of the background map is adjusted according to the first position of the initial map, so that the size of the display window is changed.
  • the relative position of the background map and the initial map is always the same, maintaining the same scalability, and ensuring that the current display map does not have a positioning error.
  • the above map display method by using the drawn background map instead of the initial map generated by the map tool in the chart processing program, by detecting the change of the window size, when the window size of the container changes, according to the changed initial map in the container
  • the first position re-adjusts the second position of the background map in the container such that the background map displayed according to the second position can be consistent with the first position of the changed initial map in the container, so that the map background image and the preset
  • the container has the same flexibility to improve the controllability of the currently displayed map.
  • the display manner of the currently displayed map in the map display method may include: starting a map tool, and generating an initial map by using a map tool, importing the initial map into the container; and acquiring a background map corresponding to the initial map; Get the initial position of the initial map in the container, import the background map into the container according to the initial position; hide the initial map, and display the current display map according to the container.
  • the map tool is a tool for drawing the initial map, such as the map component provided by ECharts.
  • the initial position is the position in the container after the initial map is imported into the container, and can be expressed by the distance between the initial map and the container border.
  • the display manner of the current display map in the display window is displayed by combining the initial map generated by the map tool with the background map drawn according to the initial map.
  • the specific steps are: starting the map tool, generating a map of the target to be displayed through the map tool, that is, the initial map, and then importing the initial map into the container corresponding to the display window; the technician draws the same scale as the initial map according to the initial map but displays the effect. More consistent with a background map showing the expected edges without white areas. Get the initial position of the initial map in the container, import the background map into the container, and then import the background map into the container according to the initial position of the initial map in the container, so that the background map coincides with the initial map, and then hide the initial map.
  • a current display map is obtained that can be positioned on the background map according to the latitude and longitude coordinate system of the initial map.
  • a div layer may be nested in the DOM for displaying the currently displayed map, and the created background map is placed on the div.
  • the layer after setting, refresh the page to insert the background map into the container.
  • the technical solution for forming the current display map is explained. Since the map image of the current display map is the background map drawn, the style is more convenient to view, such as the boundary between land and sea. The adjustment is more distinct.
  • the step S208 in the map display method according to the first position adjustment and the second position of the background map in the container may include: acquiring the first between the initial map and the frame of the container according to the first position. Distance; obtaining a second position of the background map in the container according to the first distance.
  • the first distance is the distance between the initial map in the container and the container frame; the user can adjust the position of the initial map in the display window by setting the first distance.
  • the four parameters left/right/top/bottom in the padding value used in the DOM element indicates that the initial map is white distance from the left, right, upper, and lower sides of the outer frame of the container. When these four parameters are set, the initial position of the initial map in the container can be determined.
  • the background map needs to be adjusted according to the position change of the initial map, so as to ensure that the relative position of the background map and the initial map are unchanged, and the position of the initial map is not changed.
  • the adjustment method may be: first obtaining the first distance between the initial map and the frame of the container according to the initial position of the initial map in the container, such as the blank distance of the four sides in the above Echarts, and then according to the A distance to adjust the second position of the background map in the container.
  • the second distance of the background map in the container is actually obtained according to the first distance between the initial map and the border of the container.
  • the process of position, introducing the first distance guarantees the accuracy of the execution of step S208.
  • the above map display method may further include a repositioning step, the repositioning step may include: detecting whether the first position of the initial map in the container is changed when the size of the display window of the currently displayed map is not changed. And acquiring a background map corresponding to the initial map when the first position is changed; acquiring a background map corresponding to the initial map; and adjusting a fourth position of the background map in the container according to the third position.
  • the third location is a location of the initial map in the container after the location of the initial map is changed in the display window of the currently displayed map; and may include the left, right, upper, and lower sides of the initial map and the outer border of the container. Distance (left/right/top/bottom), etc., or left-aligned, right-aligned, medium-sized, etc.
  • the position of the initial map in the container changes, that is, the position of the initial map in the container changes from the first position to the third position in this embodiment, although the size of the display window of the currently displayed map does not change, However, it is also necessary to adjust the position of the background map according to the changed third position of the initial map, so as to ensure that the relative position of the background map and the initial map remain unchanged, and always overlap, and the background map and the background map are not caused by the change of the initial map position.
  • the latitude and longitude coordinates on the initial map are misaligned.
  • whether the position of the initial map in the display window is changed or not is changed in real time regardless of whether the size of the display window of the currently displayed map changes. If the position of the background map is changed according to the position of the changed initial map, Ensure the accuracy of the current display map display and positioning.
  • the S208 may further include an adjustment step after the second location of the background map in the container is adjusted according to the first location.
  • the adjusting step may include:
  • the display state of the currently displayed map after the background map is adjusted may be detected, and it is determined that the adjusted background image can be consistent with the change of the initial map. Therefore, the hidden initial map is displayed first.
  • the hidden initial map is displayed, it is detected whether the initial map and the background map are coincident. If the two are coincident, it is proved that the adjusted background image can be consistent with the change of the initial map, and can be accurately positioned.
  • the position adjustment instruction is an instruction for adjusting the position of the background map; the user may input an adjustment instruction to the terminal, and after receiving the position, the terminal adjusts the position of the background image according to the position adjustment instruction until the background image coincides with the initial map.
  • the adjusted background map does not coincide with the initial map, it proves that the adjustment of the background map by the terminal is wrong, and the background image needs to be re-adjusted, and the terminal receives the position adjustment instruction.
  • the terminal adjusts the position of the background image according to the received position adjustment instruction until the background image coincides with the initial map.
  • the hidden instruction is an instruction to hide the initial map. After the instruction is executed, the image of the initial map is not displayed on the display window, but the user can still locate the latitude and longitude coordinate system of the initial map.
  • the terminal may hide the initial map again, and the terminal receives a hidden instruction input by the user, and hides the initial map.
  • the terminal after receiving the hidden instruction input by the user, the terminal hides the initial map according to the hidden instruction, and obtains a current display map that can be accurately positioned on the background map according to the latitude and longitude coordinates of the initial map.
  • step S304 in the above map display method detects whether the initial map and the background map are coincident
  • the method may further include: hiding the initial map when the initial map coincides with the background map.
  • the initial map coincides with the background map displayed according to the second location, it is proved that the above technical solution is correctly executed, and the initial map can be directly hidden, and the displayed background map can be combined with the latitude and longitude coordinates in the initial map to be correct. Positioning.
  • the processing steps when the initial map coincides with the background map displayed according to the second position are supplemented, and combined with the previous embodiment, the display state of the currently displayed map after the background map adjustment is detected.
  • the complete steps together ensure the accurate positioning of the currently displayed map.
  • FIGS. 2 through 3 are sequentially displayed as indicated by the arrows, these steps are not necessarily performed in the order indicated by the arrows. Except as explicitly stated herein, the execution of these steps is not strictly limited, and the steps may be performed in other orders. Moreover, at least some of the steps in FIGS. 2 to 3 may include a plurality of sub-steps or stages, which are not necessarily performed at the same time, but may be executed at different times, or The order of execution of the stages is also not necessarily sequential, but may be performed alternately or alternately with at least a portion of the sub-steps or stages of other steps or other steps.
  • a map display apparatus which may include: a detection module 100, an initial map positioning module 200, a background map acquisition module 300, and a background map positioning module 400, wherein:
  • the detecting module 100 is configured to detect whether the size of the display window of the currently displayed map changes.
  • the initial map positioning module 200 is configured to acquire an initial map corresponding to the currently displayed map when the size of the display window is changed, and acquire a first position of the initial map in the container corresponding to the display window.
  • the background map obtaining module 300 is configured to acquire a background map corresponding to the initial map.
  • the background map positioning module 400 is configured to adjust the second position of the background map in the container according to the first position; wherein the edge of the background map has no blank area.
  • the map display device may further include:
  • An initial map module that launches the map tool and generates an initial map from the map tool to import the initial map into the container.
  • a background map module is configured to acquire a background map corresponding to the initial map.
  • the import positioning module is used to obtain the initial position of the initial map in the container, and the background map is imported into the container according to the initial position.
  • a display module for hiding the initial map and displaying the currently displayed map according to the container.
  • the background map positioning module in the map display device may further include:
  • a distance obtaining unit configured to acquire a first distance between the initial map and the frame of the container according to the first location.
  • a background map positioning unit configured to acquire a second location of the background map in the container according to the first distance.
  • the map display device may further include:
  • the position detecting module is configured to detect whether the first position of the initial map in the container changes when the size of the display window of the currently displayed map is not changed.
  • a relocation module is configured to obtain a third location of the initial map in the container when the first location changes.
  • a background map retrieving module for acquiring a background map corresponding to the initial map.
  • a position adjustment module configured to adjust a fourth position of the background map in the container according to the third position.
  • the map display device may further include:
  • a redisplay module is used to display the hidden initial map.
  • the coincidence detection module is configured to detect whether the initial map and the background map coincide.
  • the adjustment instruction receiving module is configured to receive the input position adjustment instruction for the background map when the initial map does not coincide with the background map.
  • a position adjustment module for adjusting the position of the background map in the container according to the position adjustment instruction.
  • An acceptance module for receiving hidden instructions for the initial map.
  • the first re-hiding module is for hiding the initial map according to the hidden instruction.
  • the map display device may further include:
  • the second re-hiding module is used to hide the initial map when the initial map coincides with the background map.
  • map display device For the specific definition of the map display device, reference may be made to the above definition of the map display method, and details are not described herein again.
  • the various modules in the above map display device may be implemented in whole or in part by software, hardware, and combinations thereof. Each of the above modules may be embedded in or independent of the processor in the computer device, or may be stored in a memory in the computer device in a software form, so that the processor calls to perform operations corresponding to the above modules.
  • a computer device which may be a terminal, and its internal structure diagram may be as shown in FIG.
  • the computer device includes a processor, memory, network interface, display screen, and input device connected by a system bus.
  • the processor of the computer device is used to provide computing and control capabilities.
  • the memory of the computer device includes a non-volatile storage medium, an internal memory.
  • the non-volatile storage medium stores operating systems and computer readable instructions.
  • the internal memory provides an environment for operation of an operating system and computer readable instructions in a non-volatile storage medium.
  • the network interface of the computer device is used to communicate with an external terminal via a network connection.
  • the computer readable instructions are executed by a processor to implement a map display method.
  • the display screen of the computer device may be a liquid crystal display or an electronic ink display screen
  • the input device of the computer device may be a touch layer covered on the display screen, or may be a button, a trackball or a touchpad provided on the computer device casing. It can also be an external keyboard, trackpad or mouse.
  • FIG. 5 is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation of the computer device to which the solution of the present application is applied.
  • the specific computer device may It includes more or fewer components than those shown in the figures, or some components are combined, or have different component arrangements.
  • a computer device comprising a memory and one or more processors having stored therein computer readable instructions, the computer readable instructions being executed by the processor such that the one or more processors perform the following steps:
  • the manner in which the current display map is displayed when the processor executes the computer readable instructions includes:
  • the second location adjusted in the container according to the first location and the background map implemented by the processor when executing the computer readable instructions comprises:
  • the processor further implements the following steps when executing the computer readable instructions:
  • the fourth position of the background map in the container is adjusted according to the third position.
  • the method further includes:
  • the method further includes:
  • the initial map coincides with the background map
  • the initial map is hidden.
  • One or more non-transitory computer readable storage mediums storing computer readable instructions, when executed by one or more processors, cause one or more processors to perform the steps of:
  • the manner in which the current display map is displayed when the computer readable instructions are executed by the processor includes:
  • the computer readable instructions are implemented by the processor to adjust the second location according to the first location and the background map in the container, further comprising:
  • the computer readable instructions when executed by the processor, also implement the following steps:
  • the fourth position of the background map in the container is adjusted according to the third position.
  • the method further includes:
  • the method further includes:
  • the initial map coincides with the background map
  • the initial map is hidden.
  • Non-volatile memory can include read only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory.
  • Volatile memory can include random access memory (RAM) or external cache memory.
  • RAM is available in a variety of formats, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronization chain.
  • SRAM static RAM
  • DRAM dynamic RAM
  • SDRAM synchronous DRAM
  • DDRSDRAM double data rate SDRAM
  • ESDRAM enhanced SDRAM
  • Synchlink DRAM SLDRAM
  • Memory Bus Radbus
  • RDRAM Direct RAM
  • DRAM Direct Memory Bus Dynamic RAM
  • RDRAM Memory Bus Dynamic RAM

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)
  • Instructional Devices (AREA)

Abstract

一种地图显示方法，包括：检测当前显示地图的显示窗口的尺寸是否改变；当显示窗口的尺寸改变时，获取与当前显示地图对应的初始地图，并获取初始地图在显示窗口对应的容器中的第一位置；获取与初始地图对应的背景地图；根据第一位置调整背景地图在容器中的第二位置；其中，背景地图的边缘无留白区域。

Description

地图显示方法、装置、计算机设备和存储介质
相关申请的交叉引用
本申请要求于2018年5月7日提交中国专利局，申请号为2018104268703，申请名称为“地图显示方法、装置、计算机设备和存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及一种地图显示方法、装置、计算机设备和存储介质。
背景技术
随着数据技术的发展，人们经常会用到图标处理程序，如ECharts(商业级数据图表)进行图表的绘制，在ECharts中提供了地图组件，能够进行简单的地图绘制。
然而，发明人意识到，在传统情况下，纯粹使用ECharts绘制出来的地图，样式简单，陆地和海洋的界限不分明，可控性较差。
发明内容
根据本申请公开的各种实施例，提供一种地图显示方法、装置、计算机设备和存储介质。
一种地图显示方法，包括：
检测当前显示地图的显示窗口的尺寸是否改变；
当所述显示窗口的尺寸改变时，获取与所述当前显示地图对应的初始地图，并获取所述初始地图在所述显示窗口对应的容器中的第一位置；
获取与所述初始地图对应的背景地图；及
根据所述第一位置调整所述背景地图在所述容器中的第二位置；其中，所述背景地图的边缘无留白区域。
一种地图显示装置，包括：
检测模块，用于检测当前显示地图的显示窗口的尺寸是否改变；
初始地图定位模块，用于当所述显示窗口的尺寸改变时，获取与所述当前显示地图对应的初始地图，并获取所述初始地图在所述显示窗口对应的容器中的第一位置；
背景地图获取模块，用于获取与所述初始地图对应的背景地图；及
背景地图定位模块，用于根据所述第一位置调整所述背景地图在所述容器中的第二位置；其中，所述背景地图的边缘无留白区域。
一种计算机设备，包括存储器和一个或多个处理器，所述存储器中储存有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述一个或多个处理器执行以下步骤：
检测当前显示地图的显示窗口的尺寸是否改变；
当所述显示窗口的尺寸改变时，获取与所述当前显示地图对应的初始地图，并获取所述初始地图在所述显示窗口对应的容器中的第一位置；
获取与所述初始地图对应的背景地图；及
根据所述第一位置调整所述背景地图在所述容器中的第二位置；其中，所述背景地图的边缘无留白区域。
一个或多个存储有计算机可读指令的非易失性计算机可读存储介质，计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行以下步骤：
检测当前显示地图的显示窗口的尺寸是否改变；
当所述显示窗口的尺寸改变时，获取与所述当前显示地图对应的初始地图，并获取所述初始地图在所述显示窗口对应的容器中的第一位置；
获取与所述初始地图对应的背景地图；及
根据所述第一位置调整所述背景地图在所述容器中的第二位置；其中，所述背景地图的边缘无留白区域。
本申请的一个或多个实施例的细节在下面的附图和描述中提出。本申请的其它特征和优点将从说明书、附图以及权利要求书变得明显。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
图1为根据一个或多个实施例中地图显示方法的应用场景图。
图2为根据一个或多个实施例中地图显示方法的流程示意图。
图3为根据一个或多个实施例中调整步骤的流程示意图。
图4为根据一个或多个实施例中地图显示装置的框图。
图5为根据一个或多个实施例中计算机设备的框图。
具体实施方式
为了使本申请的技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
本申请提供的地图显示方法，可以应用于如图1所示的应用环境中。终端通过网络与服务器进行通信。终端从服务器接收当前显示地图对应的背景地图等相关数据，在终端的显示窗口上显示当前显示地图，当显示窗口的尺寸改变时，通过当前显示地图的初始地图在显示窗口对应的容器中的第一位置调整背景地图在容器中的第二位置。通过此地图显示方法，提高当前显示地图的可控性。终端可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
在一些实施例中，如图2所示，提供了一种地图显示方法，以该方法应用于图1中的终端为例进行说明，包括以下步骤：
S202，检测当前显示地图的显示窗口的尺寸是否改变。
其中，当前显示地图是终端将获取的背景地图与通过地图工具生成的初始地图结合起来得到的显示在终端的显示窗口的地图；例如，当初始地图为采用Echarts的地图绘制工具绘制的中国地图时，为了获得更高可控性、显示效果更好的当前显示地图，技术人员按 照Echarts的地图绘制工具绘制的中国地图为标准以1：1的比例绘制更方便查看的背景地图，然后将背景地图与初始地图重合显示，隐藏初始地图后得到当前显示地图，该当前显示地图为初始地图的定位信息与背景地图结合得到。
具体地，终端已经将当前显示地图显示在显示窗口上之后，当终端检测到当前显示地图的显示窗口的尺寸发生变化时，则初始地图会随着显示窗口的尺寸的变化而发生伸缩，但与初始地图对应的背景地图则无法随着初始地图的伸缩而发生同等程度的伸缩，从而会导致显示出现紊乱的现象。
例如，当当前显示地图的显示格式时HTML(HyperText Markup Language超文本标记语言)时，终端可以通过设置函数addEvenetListener(resize)监控容器显示窗口对应容器的窗口尺寸是否改变。
S204，当显示窗口的尺寸改变时，获取与当前显示地图对应的初始地图，并获取初始地图在显示窗口对应的容器中的第一位置。
其中，容器为盛放当前显示地图的地址，即与当前显示地图对应的背景地图和初始地图都存在与容器中；如当当前显示地图的显示格式时HTML，则容器为DOM(Document Object Model文件对象模型)元素。
初始地图是地图工具绘制的地图，包含经纬度坐标，技术人员可以根据初始地图上的经纬度坐标对初始地图上的具体地点进行定位；如通过Echarts的地图绘制工具绘制的中国地图等。
第一位置是显示窗口的尺寸改变后，初始地图在容器中的位置，可以通过初始地图与容器边框之间的距离进行表示等。
具体地，当终端检测到显示窗口的尺寸发生改变时，则需要根据显示窗口的尺寸改变后的初始地图在显示窗口的位置，调整背景地图在显示窗口中的位置。而初始地图是被放置在容器中，从而显示在显示窗口中的，故需要获取初始地图在显示窗口对应的容器中的第一位置。
S206，获取与初始地图对应的背景地图。
其中，背景地图是当前显示地图的背景图片，与初始地图相对应，是设计人员根据初始地图绘制的同比例的地图，再在此基础上制作投影、加色、描边等处理，制作出符合初 始地图比例、且显示效果更好的背景地图；如当初始地图是通过Echarts的地图绘制工具绘制的中国地图时，则背景地图为技术人员按照Echarts的地图绘制工具绘制的中国地图为标准以1：1的比例绘制的中国地图。
具体地，在步骤S204中获取到显示窗口的尺寸改变后的初始地图在显示窗口的第一位置后，需要先获取到与初始地图对应的背景地图，然后对此背景地图执行下一步的操作。
S208，根据第一位置调整背景地图在容器中的第二位置；其中，背景地图的边缘无留白区域。
其中，第二位置是背景地图在容器中的位置，可以包括背景地图与容器边框之间的距离等。
具体地，根据步骤S204获取的初始地图的第一位置和步骤S206中获取的背景地图后，根据初始地图的第一位置调整背景地图该容器中的第二位置，使得显示窗口的尺寸变化后，背景地图与初始地图的相对位置始终不变，保持相同的伸缩性，保证当前显示地图不会出现定位错误的问题。此背景地图的边缘无留白区域，由于背景地图的伸缩性无法控制，如果有留白空间，在将背景地图导入容器后，若显示窗口的尺寸发生变化时，留白区域也会发生不可控的变化，还是会导致当前显示图片出现错位，因此地图背景图片的周围不能有留白区域。
上述地图显示方法，通过使用绘制的背景地图代替图表处理程序中的地图工具生成的初始地图，通过检测窗口尺寸的变化情况，在容器的窗口尺寸变化时，根据变化后的初始地图在容器中的第一位置重新对背景地图在容器中的第二位置进行调整，使得根据第二位置显示的背景地图能够与变化后的初始地图在容器中的第一位置保持一致，使地图背景图片与预设容器具有同样的伸缩性，提高当前显示地图的可控性。
在其中一个实施例中，上述地图显示方法中当前显示地图的显示方式可以包括：启动地图工具，并通过地图工具生成初始地图，将初始地图导入至容器中；获取与初始地图对应的背景地图；获取初始地图在容器中的初始位置，根据初始位置将背景地图导入至容器中；隐藏初始地图，并根据容器显示当前显示地图。
其中，地图工具是绘制初始地图的工具，如ECharts提供的地图组件等。
初始位置是将初始地图导入容器中后，在容器中的位置，可以通过初始地图与容器边 框之间的距离进行表示等。
具体地，当前显示地图在显示窗口的显示方式是将地图工具生成的初始地图与根据初始地图绘制的背景地图结合起来进行显示的。其具体步骤为：启动地图工具，通过地图工具生成需要显示的目标的地图，即初始地图，然后将初始地图导入到显示窗口对应的容器；技术人员按照初始地图绘制与初始地图同比例但显示效果更符合显示预期的边缘无留白区域的背景地图。获取初始地图在容器中的初始位置，将背景地图也导入容器中，然后根据初始地图在容器中的初始位置将背景地图导入到容器中，使得此背景地图与初始地图重合，然后隐藏初始地图，得到可以根据初始地图的经纬度坐标系在背景地图上进行定位的当前显示地图。
可选地，当当前显示地图的显示格式时HTML(HyperText Markup Language超文本标记语言)时，可以在盛放当前显示地图的DOM中嵌套一个div层，将制作好的背景地图放置到此div层中，设置好之后刷新页面，即可将背景地图插入容器中。
上述实施例中，通过描述当前显示地图的显示方式，解释了形成当前显示地图的技术方案，由于当前显示地图的地图图片是绘制的背景地图，其样式更方便查看，如陆地和海洋的界限可以调整地更为分明。
在其中一个实施例中，上述地图显示方法中的步骤S208根据第一位置调整与背景地图在容器中的第二位置，可以包括：根据第一位置获取初始地图与容器的边框之间的第一距离；根据第一距离获取背景地图在容器中的第二位置。
其中，第一距离是初始地图在容器中与容器边框之间的距离；用户通过设定第一距离可以调整初始地图在显示窗口中的位置。如在DOM元素中用的padding值(用于定义元素边框与元素内容之间的空间的属性值)中的四个参数left/right/top/bottom(左边距/右边距/上边距/下边距)表示初始地图距离容器外边框的左、右、上、下四个边留白距离，当这四个参数设定好之后，初始地图在容器中的第一位置即可确定。
具体地，当初始地图在容器中的位置发生变化时，需要将背景地图按照初始地图的位置变化进行位置调整，才能保证背景地图与初始地图的相对位置不变，不会因为初始地图的位置变化；而其调整方式可以是：先根据初始地图在容器中的第一位置获取初始地图与容器的边框之间的第一距离，如上述Echarts中的四个边的留白距离，然后再根据第一距 离去调整背景地图在容器中的第二位置。
例如，继续上述的Echarts中的地图显示方式，在获取到初始地图距离容器外边框的左、右、上、下四个边留白距离，可以设置背景地图的宽度值和高度值，来保证背景地图的第二位置与初始地图的第一位置一致。具体设置方式为：ele.width(背景地图的宽度值)＝p.offsetWidth(容器外边框的宽度值)–(初始地图距离容器外边框的左边的留白距离(left)+右边的留白距离(right))；ele.height(背景地图的高度值)＝p.offsetHeight(容器外边框的高度值)-(初始地图距离容器外边框的上边的留白距离(top)+下边的留白距离(bottom))，则在此DOM元素中背景地图的第二位置与初始地图的第一位置保持一致。
上述实施例中，根据初始地图在容器中的第一位置调整与背景地图在容器中的第二位置，实际上是根据初始地图与容器的边框的第一距离得到背景地图在容器中的第二位置的过程，引入第一距离，保证了步骤S208执行的准确性。
在其中一个实施例中，上述地图显示方法还可以包括再定位步骤，该再定位步骤可以包括：当当前显示地图的显示窗口的尺寸未改变时，检测初始地图在容器中的第一位置是否改变；当第一位置改变时，获取初始地图在容器中第三位置；获取与初始地图对应的背景地图；根据第三位置调整背景地图在容器中的第四位置。
其中，第三位置是初始地图在当前显示地图的显示窗口中的位置发生改变后，初始地图在容器中位置；可以包括初始地图与容器外边框的左、右、上、下四个边留白距离(left/right/top/bottom)等，或者以左对齐、右对齐、居中等格式来表示等。
具体地，当初始地图在容器中的位置发生变化时，即此实施例中初始地图在容器中的位置从第一位置变化为第三位置，虽然当前显示地图的显示窗口的尺寸未发生改变，但也需要重新根据初始地图的变化后的第三位置调整背景地图的位置，才能保证背景地图与初始地图的相对位置不变，始终保持重叠，不会因为初始地图的位置变化，造成背景地图与初始地图上的经纬度坐标发生错位。
上述实施例中，不管当前显示地图的显示窗口的尺寸是否发生变化，都实时监测初始地图在显示窗口中的位置是否改变，若改变，则根据变化后的初始地图的位置调整背景地图的位置，保证当前显示地图显示和定位的准确性。
在其中一个实施例中，上述地图显示方法中S208根据第一位置调整背景地图在容器中的第二位置之后，还可以包括调整步骤，该调整步骤可以包括：
S302，显示隐藏的初始地图。
具体地，上述地图显示方法在调整了背景地图在容器中的第二位置后，可以对背景地图调整后的当前显示地图的显示状态进行检测，确定调整后的背景图片能够与初始地图的变动一致，故先将隐藏的初始地图显示出来。
S304，检测初始地图与背景地图是否重合。
具体地，显示隐藏的初始地图后，检测初始地图与背景地图是否重合，若二者重合，则证明调整后的背景图片能够与初始地图的变动一致，能够准确定位。
S306，当初始地图与背景地图不重合时，接收输入的针对背景地图的位置调整指令。
其中，位置调整指令是对背景地图的位置进行调整的指令；可以是用户对终端输入调整指令，终端接收后根据位置调整指令对背景图片的位置进行调整，直至背景图片与初始地图重合。
具体地，若调整后的背景地图与初始地图不重合，则证明终端对背景地图的调整出错，需要重新对背景图像进行调整，终端接收位置调整指令
S308，根据位置调整指令调整背景地图在容器中的位置。
具体地，终端根据接收到的位置调整指令对背景图片的位置进行调整，直至背景图片与初始地图重合。
S310，接收针对初始地图的隐藏指令。
其中，隐藏指令是将初始地图隐藏起来的指令，执行该指令后，初始地图的图片不会显示在显示窗口上，但用户仍可以通过初始地图的经纬度坐标系进行定位。
具体地，当根据步骤S308将背景地图调整至于初始地图重合后，则终端可以将初始地图再次隐藏，终端接收用户输入的隐藏指令，将初始地图隐藏。
S312，根据隐藏指令隐藏初始地图。
具体地，终端接收用户输入的隐藏指令后，根据该隐藏指令将初始地图再次隐藏，得到可以根据初始地图的经纬度坐标在背景地图上准确定位的当前显示地图。
上述实施例中通过检测初始地图与根据第二位置显示的背景地图是否完全重合的步 骤，保证当窗口尺寸变化时，背景地图的显示结果能够保证与初始地图重合，避免由于程序执行错误，而导致的地图定位错误的问题。
在其中一个实施例中，上述地图显示方法中的步骤S304检测初始地图与背景地图是否重合之后，还可以包括：当初始地图与背景地图重合，隐藏初始地图。
具体地，当初始地图与根据第二位置显示的背景地图重合时，则证明上述技术方案被正确执行，可以直接隐藏初始地图，则显示的背景地图能够与初始地图中的经纬度坐标结合起来进行正确定位。
上述实施例中，补充说明了当初始地图与根据第二位置显示的背景地图重合时的处理步骤，与上一个实施例结合起来构成了对背景地图调整后的当前显示地图的显示状态进行检测的完整步骤，共同保证了当前显示地图的准确定位。
应该理解的是，虽然图2至图3的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2至图3中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一些实施例中，如图4所示，提供了一种地图显示装置，可以包括：检测模块100、初始地图定位模块200、背景地图获取模块300和背景地图定位模块400，其中：
检测模块100，用于检测当前显示地图的显示窗口的尺寸是否改变。
初始地图定位模块200，用于当显示窗口的尺寸改变时，获取与当前显示地图对应的初始地图，并获取初始地图在显示窗口对应的容器中的第一位置。
背景地图获取模块300，用于获取与初始地图对应的背景地图。
背景地图定位模块400，用于根据第一位置调整背景地图在容器中的第二位置；其中，背景地图的边缘无留白区域。
在一些实施例中，上述地图显示装置还可以包括：
初始地图模块，用于启动地图工具，并通过地图工具生成初始地图，将初始地图导入 至容器中。
背景地图模块，用于获取与初始地图对应的背景地图。
导入定位模块，用于获取初始地图在容器中的初始位置，根据初始位置将背景地图导入至容器中。
显示模块，用于隐藏初始地图，并根据容器显示当前显示地图。
在一些实施例中，上述地图显示装置中的背景地图定位模块还可以包括：
距离获取单元，用于根据第一位置获取初始地图与容器的边框之间的第一距离。
背景地图定位单元，用于根据第一距离获取背景地图在容器中的第二位置。
在一些实施例中，上述地图显示装置还可以包括：
位置检测模块，用于当当前显示地图的显示窗口的尺寸未改变时，检测初始地图在容器中的第一位置是否改变。
重新定位模块，用于当第一位置改变时，获取初始地图在容器中第三位置。
背景地图重获模块，用于获取与初始地图对应的背景地图。
位置调整模块，用于根据第三位置调整背景地图在容器中的第四位置。
在一些实施例中，上述地图显示装置还可以包括：
再显示模块，用于显示隐藏的初始地图。
重合检测模块，用于检测初始地图与背景地图是否重合。
调整指令接收模块，用于当初始地图与背景地图不重合时，接收输入的针对背景地图的位置调整指令。
位置调整模块，用于根据位置调整指令调整背景地图在容器中的位置。
接受模块，用于接收针对初始地图的隐藏指令。
第一再隐藏模块，用于根据隐藏指令隐藏初始地图。
在一些实施例中，上述地图显示装置还可以包括：
第二再隐藏模块，用于当初始地图与背景地图重合，隐藏初始地图。
关于地图显示装置的具体限定可以参见上文中对于地图显示方法的限定，在此不再赘述。上述地图显示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于 计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在一些实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图5所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机可读指令。该内存储器为非易失性存储介质中的操作系统和计算机可读指令的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机可读指令被处理器执行时以实现一种地图显示方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解，图5中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
一种计算机设备，包括存储器和一个或多个处理器，存储器中储存有计算机可读指令，计算机可读指令被处理器执行时，使得一个或多个处理器执行以下步骤：
检测当前显示地图的显示窗口的尺寸是否改变；
当显示窗口的尺寸改变时，获取与当前显示地图对应的初始地图，并获取初始地图在显示窗口对应的容器中的第一位置；
获取与初始地图对应的背景地图；及
根据第一位置调整背景地图在容器中的第二位置；其中，背景地图的边缘无留白区域。
在一些实施例中，处理器执行计算机可读指令时所涉及的当前显示地图的显示方式，包括：
启动地图工具，并通过地图工具生成初始地图，将初始地图导入至容器中；
获取与初始地图对应的背景地图；
获取初始地图在容器中的初始位置，根据初始位置将背景地图导入至容器中；及
隐藏初始地图，并根据容器显示当前显示地图。
在一些实施例中，处理器执行计算机可读指令时实现的根据第一位置调整与背景地图 在容器中的第二位置，包括：
根据第一位置获取初始地图与容器的边框之间的第一距离；及
根据第一距离获取背景地图在容器中的第二位置。
在一些实施例中，处理器执行计算机可读指令时还实现以下步骤：
当当前显示地图的显示窗口的尺寸未改变时，检测初始地图在容器中的第一位置是否改变；
当第一位置改变时，获取初始地图在容器中第三位置；
获取与初始地图对应的背景地图；及
根据第三位置调整背景地图在容器中的第四位置。
在一些实施例中，处理器执行计算机可读指令时实现的根据第一位置调整背景地图在容器中的第二位置之后，还包括：
显示隐藏的初始地图；
检测初始地图与背景地图是否重合；
当初始地图与背景地图不重合时，接收输入的针对背景地图的位置调整指令；
根据位置调整指令调整背景地图在容器中的位置；
接收针对初始地图的隐藏指令；及
根据隐藏指令隐藏初始地图。
在一些实施例中，处理器执行计算机可读指令时实现的检测初始地图与背景地图是否重合之后，还包括：
当初始地图与背景地图重合，隐藏初始地图。
一个或多个存储有计算机可读指令的非易失性计算机可读存储介质，计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行以下步骤：
检测当前显示地图的显示窗口的尺寸是否改变；
当显示窗口的尺寸改变时，获取与当前显示地图对应的初始地图，并获取初始地图在显示窗口对应的容器中的第一位置；
获取与初始地图对应的背景地图；及
根据第一位置调整背景地图在容器中的第二位置；其中，背景地图的边缘无留白区域。
在一些实施例中，计算机可读指令被处理器执行时所涉及的当前显示地图的显示方式，包括：
启动地图工具，并通过地图工具生成初始地图，将初始地图导入至容器中；
获取与初始地图对应的背景地图；
获取初始地图在容器中的初始位置，根据初始位置将背景地图导入至容器中；及
隐藏初始地图，并根据容器显示当前显示地图。
在一些实施例中，计算机可读指令被处理器执行时实现的根据第一位置调整与背景地图在容器中的第二位置，还包括：
根据第一位置获取初始地图与容器的边框之间的第一距离；及
根据第一距离获取背景地图在容器中的第二位置。
在一些实施例中，计算机可读指令被处理器执行时还实现以下步骤：
当当前显示地图的显示窗口的尺寸未改变时，检测初始地图在容器中的第一位置是否改变；
当第一位置改变时，获取初始地图在容器中第三位置；
获取与初始地图对应的背景地图；及
根据第三位置调整背景地图在容器中的第四位置。
在一些实施例中，计算机可读指令被处理器执行时实现的根据第一位置调整背景地图在容器中的第二位置之后，还包括：
显示隐藏的初始地图；
检测初始地图与背景地图是否重合；
当初始地图与背景地图不重合时，接收输入的针对背景地图的位置调整指令；
根据位置调整指令调整背景地图在容器中的位置；
接收针对初始地图的隐藏指令；及
根据隐藏指令隐藏初始地图。
在一些实施例中，计算机可读指令被处理器执行时实现的检测初始地图与背景地图是否重合之后，还包括：
当初始地图与背景地图重合，隐藏初始地图。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机可读指令来指令相关的硬件来完成，的计算机可读指令可存储于一非易失性计算机可读取存储介质中，该计算机可读指令在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (20)

  1. 一种地图显示方法，包括：
    检测当前显示地图的显示窗口的尺寸是否改变；
    当所述显示窗口的尺寸改变时，获取与所述当前显示地图对应的初始地图，并获取所述初始地图在所述显示窗口对应的容器中的第一位置；
    获取与所述初始地图对应的背景地图；及
    根据所述第一位置调整所述背景地图在所述容器中的第二位置；其中，所述背景地图的边缘无留白区域。
  2. 根据权利要求1所述的方法，其特征在于，所述当前显示地图的显示方式包括：
    启动地图工具，并通过所述地图工具生成初始地图，将所述初始地图导入至容器中；
    获取与所述初始地图对应的背景地图；
    获取所述初始地图在所述容器中的初始位置，根据所述初始位置将所述背景地图导入至所述容器中；及
    隐藏所述初始地图，并根据所述容器显示当前显示地图。
  3. 根据权利要求1所述的方法，其特征在于，所述根据所述第一位置调整与所述背景地图在所述容器中的第二位置，包括：
    根据所述第一位置获取所述初始地图与所述容器的边框之间的第一距离；及
    根据所述第一距离获取背景地图在所述容器中的第二位置。
  4. 根据权利要求1所述的方法，其特征在于，所述方法还包括：
    当当前显示地图的显示窗口的尺寸未改变时，检测所述初始地图在所述容器中的第一位置是否改变；
    当所述第一位置改变时，获取所述初始地图在所述容器中第三位置；
    获取与所述初始地图对应的背景地图；及
    根据所述第三位置调整所述背景地图在所述容器中的第四位置。
  5. 根据权利要求1所述的方法，其特征在于，所述根据所述第一位置调整所述背景地图在所述容器中的第二位置之后，还包括：
    显示隐藏的所述初始地图；
    检测所述初始地图与所述背景地图是否重合；
    当所述初始地图与所述背景地图不重合时，接收输入的针对所述背景地图的位置调整指令；
    根据所述位置调整指令调整所述背景地图在所述容器中的位置；
    接收针对所述初始地图的隐藏指令；及
    根据所述隐藏指令隐藏所述初始地图。
  6. 根据权利要求5所述的方法，其特征在于，所述检测所述初始地图与所述背景地图是否重合之后，还包括：
    当所述初始地图与所述背景地图重合，隐藏所述初始地图。
  7. 一种地图显示装置，包括：
    检测模块，用于检测当前显示地图的显示窗口的尺寸是否改变；
    初始地图定位模块，用于当所述显示窗口的尺寸改变时，获取与所述当前显示地图对应的初始地图，并获取所述初始地图在所述显示窗口对应的容器中的第一位置；
    背景地图获取模块，用于获取与所述初始地图对应的背景地图；及
    背景地图定位模块，用于根据所述第一位置调整所述背景地图在所述容器中的第二位置；其中，所述背景地图的边缘无留白区域。
  8. 根据权利要求7所述的装置，其特征在于，所述装置还包括：
    初始地图模块，用于启动地图工具，并通过所述地图工具生成初始地图，将所述初始地图导入至容器中；
    背景地图模块，用于获取与所述初始地图对应的背景地图；
    导入定位模块，用于获取所述初始地图在所述容器中的初始位置，根据所述初始位置将所述背景地图导入至所述容器中；及
    显示模块，用于隐藏所述初始地图，并根据所述容器显示当前显示地图。
  9. 一种计算机设备，包括存储器及一个或多个处理器，所述存储器中储存有计算机可读指令，所述计算机可读指令被所述一个或多个处理器执行时，使得所述一个或多个处理器执行以下步骤：
    检测当前显示地图的显示窗口的尺寸是否改变；
    当所述显示窗口的尺寸改变时，获取与所述当前显示地图对应的初始地图，并获取所述初始地图在所述显示窗口对应的容器中的第一位置；
    获取与所述初始地图对应的背景地图；及
    根据所述第一位置调整所述背景地图在所述容器中的第二位置；其中，所述背景地图的边缘无留白区域。
  10. 根据权利要求9所述的计算机设备，其特征在于，所述处理器执行所述计算机可读指令时执行的所述当前显示地图的显示方式包括：
    启动地图工具，并通过所述地图工具生成初始地图，将所述初始地图导入至容器中；
    获取与所述初始地图对应的背景地图；
    获取所述初始地图在所述容器中的初始位置，根据所述初始位置将所述背景地图导入至所述容器中；及
    隐藏所述初始地图，并根据所述容器显示当前显示地图。
  11. 根据权利要求9所述的计算机设备，其特征在于，所述处理器执行所述计算机可读指令时执行的所述根据所述第一位置调整与所述背景地图在所述容器中的第二位置，包括：
    根据所述第一位置获取所述初始地图与所述容器的边框之间的第一距离；及
    根据所述第一距离获取背景地图在所述容器中的第二位置。
  12. 根据权利要求9所述的计算机设备，其特征在于，所述处理器执行所述计算机可读指令时还执行以下步骤：
    当当前显示地图的显示窗口的尺寸未改变时，检测所述初始地图在所述容器中的第一位置是否改变；
    当所述第一位置改变时，获取所述初始地图在所述容器中第三位置；
    获取与所述初始地图对应的背景地图；及
    根据所述第三位置调整所述背景地图在所述容器中的第四位置。
  13. 根据权利要求9所述的计算机设备，其特征在于，所述处理器执行所述计算机可读指令时执行所述根据所述第一位置调整所述背景地图在所述容器中的第二位置之后，还包括：
    显示隐藏的所述初始地图；
    检测所述初始地图与所述背景地图是否重合；
    当所述初始地图与所述背景地图不重合时，接收输入的针对所述背景地图的位置调整指令；
    根据所述位置调整指令调整所述背景地图在所述容器中的位置；
    接收针对所述初始地图的隐藏指令；及
    根据所述隐藏指令隐藏所述初始地图。
  14. 根据权利要求3所述的计算机设备，其特征在于，所述处理器执行所述计算机可读指令时执行所述检测所述初始地图与所述背景地图是否重合之后，还包括：
    当所述初始地图与所述背景地图重合，隐藏所述初始地图。
  15. 一个或多个存储有计算机可读指令的非易失性计算机可读存储介质，所述计算机可读指令被一个或多个处理器执行时，使得所述一个或多个处理器执行以下步骤：
    检测当前显示地图的显示窗口的尺寸是否改变；
    当所述显示窗口的尺寸改变时，获取与所述当前显示地图对应的初始地图，并获取所述初始地图在所述显示窗口对应的容器中的第一位置；
    获取与所述初始地图对应的背景地图；及
    根据所述第一位置调整所述背景地图在所述容器中的第二位置；其中，所述背景地图的边缘无留白区域。
  16. 根据权利要求15所述的存储介质，其特征在于，所述计算机可读指令被所述处理器执行时执行所述当前显示地图的显示方式包括：
    启动地图工具，并通过所述地图工具生成初始地图，将所述初始地图导入至容器中；
    获取与所述初始地图对应的背景地图；
    获取所述初始地图在所述容器中的初始位置，根据所述初始位置将所述背景地图导入至所述容器中；及
    隐藏所述初始地图，并根据所述容器显示当前显示地图。
  17. 根据权利要求15所述的存储介质，其特征在于，所述计算机可读指令被所述处理器执行时执行所述根据所述第一位置调整与所述背景地图在所述容器中的第二位置，包 括：
    根据所述第一位置获取所述初始地图与所述容器的边框之间的第一距离；及
    根据所述第一距离获取背景地图在所述容器中的第二位置。
  18. 根据权利要求15所述的存储介质，其特征在于，所述计算机可读指令被所述处理器执行时还执行以下步骤：
    当当前显示地图的显示窗口的尺寸未改变时，检测所述初始地图在所述容器中的第一位置是否改变；
    当所述第一位置改变时，获取所述初始地图在所述容器中第三位置；
    获取与所述初始地图对应的背景地图；及
    根据所述第三位置调整所述背景地图在所述容器中的第四位置。
  19. 根据权利要求15所述的存储介质，其特征在于，所述计算机可读指令被所述处理器执行时执行所述根据所述第一位置调整所述背景地图在所述容器中的第二位置之后，还包括：
    显示隐藏的所述初始地图；
    检测所述初始地图与所述背景地图是否重合；
    当所述初始地图与所述背景地图不重合时，接收输入的针对所述背景地图的位置调整指令；
    根据所述位置调整指令调整所述背景地图在所述容器中的位置；
    接收针对所述初始地图的隐藏指令；及
    根据所述隐藏指令隐藏所述初始地图。
  20. 根据权利要求19所述的存储介质，其特征在于，所述计算机可读指令被所述处理器执行时执行所述检测所述初始地图与所述背景地图是否重合之后，还包括：
    当所述初始地图与所述背景地图重合，隐藏所述初始地图。
PCT/CN2018/096969 2018-05-07 2018-07-25 地图显示方法、装置、计算机设备和存储介质 WO2019214082A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201810426870.3A CN108776669B (zh) 2018-05-07 2018-05-07 地图显示方法、装置、计算机设备和存储介质
CN201810426870.3 2018-05-07

Publications (1)

Publication Number Publication Date
WO2019214082A1 true WO2019214082A1 (zh) 2019-11-14

Family

ID=64026894

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/096969 WO2019214082A1 (zh) 2018-05-07 2018-07-25 地图显示方法、装置、计算机设备和存储介质

Country Status (2)

Country Link
CN (1) CN108776669B (zh)
WO (1) WO2019214082A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113918257A (zh) * 2021-09-30 2022-01-11 百融至信(北京)征信有限公司 一种基于Vue的echarts性能优化方法及系统

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111724488B (zh) * 2019-06-25 2022-09-09 腾讯科技（深圳）有限公司 地图场景绘制方法、装置、可读存储介质和计算机设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102075972A (zh) * 2010-12-31 2011-05-25 中国科学技术大学苏州研究院 基于坐标转换的无线信号定位跟踪显示系统及其显示方法
CN102081497A (zh) * 2009-11-26 2011-06-01 索尼公司 信息处理设备、信息处理方法和程序
CN104794160A (zh) * 2015-03-24 2015-07-22 南京太亚科技有限责任公司 石化企业数字化工厂平台系统
CN107992589A (zh) * 2017-12-11 2018-05-04 机械工业第六设计研究院有限公司 一种svg地图数据的加载方法、装置及系统

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CA2876953A1 (en) * 2015-01-08 2016-07-08 Sparkgeo Consulting Inc. Map analytics for interactive web-based maps
CN105389167A (zh) * 2015-11-02 2016-03-09 中国电子科技集团公司第二十八研究所 一种Web端实时船舶目标显示方法
CN105956124B (zh) * 2016-05-06 2019-07-23 中国神华能源股份有限公司 一种地图展示方法及装置
CN106383699A (zh) * 2016-08-22 2017-02-08 平安科技（深圳）有限公司 应用程序界面的显示方法和装置
CN107479799B (zh) * 2016-11-09 2020-03-17 广州酷狗计算机科技有限公司 一种显示窗口的方法和装置
CN107786904A (zh) * 2017-10-30 2018-03-09 深圳Tcl数字技术有限公司 画面放大方法、显示设备及计算机可读存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102081497A (zh) * 2009-11-26 2011-06-01 索尼公司 信息处理设备、信息处理方法和程序
CN102075972A (zh) * 2010-12-31 2011-05-25 中国科学技术大学苏州研究院 基于坐标转换的无线信号定位跟踪显示系统及其显示方法
CN104794160A (zh) * 2015-03-24 2015-07-22 南京太亚科技有限责任公司 石化企业数字化工厂平台系统
CN107992589A (zh) * 2017-12-11 2018-05-04 机械工业第六设计研究院有限公司 一种svg地图数据的加载方法、装置及系统

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113918257A (zh) * 2021-09-30 2022-01-11 百融至信(北京)征信有限公司 一种基于Vue的echarts性能优化方法及系统
CN113918257B (zh) * 2021-09-30 2024-04-26 百融至信(北京)科技有限公司 一种基于Vue的echarts性能优化方法及系统

Also Published As

Publication number Publication date
CN108776669A (zh) 2018-11-09
CN108776669B (zh) 2024-01-09

Similar Documents

Publication Publication Date Title
US11631050B2 (en) Syncing physical and electronic document
US10878609B2 (en) Efficient image synthesis
US10074217B2 (en) Position identification method and system
US20180285325A1 (en) Systems, methods, and computer-readable media for providing a dynamic loupe for displayed information
US8397153B1 (en) Systems and methods for rich presentation overlays
US20180307656A1 (en) Modifying native documents with formulas in a preview
EP2782027A1 (en) Apparatus and method providing augmented reality contents based on web information structure
US8149281B2 (en) Electronic device and method for operating a presentation application file
WO2021129789A1 (zh) 地图的渲染方法、装置、计算机设备和存储介质
US20160092728A1 (en) Electronic device and method for processing handwritten documents
CN111752557A (zh) 一种展示方法及装置
CN109657675B (zh) 图像标注方法、装置、计算机设备和可读存储介质
KR101798149B1 (ko) 데이터 테이블 중 일부 영역 선택을 통한 차트 시각화 방법
WO2018205493A1 (zh) 图形绘制方法、装置及设备
WO2019214082A1 (zh) 地图显示方法、装置、计算机设备和存储介质
WO2014117559A1 (en) 3d-rendering method and device for logical window
US11151314B2 (en) Extensible grid layout
WO2020046450A1 (en) Enhanced techniques for merging content from separate computing devices
CA2889582A1 (en) Preserving layout of region of content during modification
WO2020223940A1 (zh) 姿势预测方法、计算机设备和存储介质
US10965743B2 (en) Synchronized annotations in fixed digital documents
KR20160057380A (ko) 폼 프로세싱
US20230259697A1 (en) Annotation Display Method and Electronic Device
WO2019205634A1 (zh) 智能交互平板的触摸控制方法、装置及智能交互平板
WO2019223093A1 (zh) 显示框处理方法、装置、计算机设备和存储介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 18917931

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 18917931

Country of ref document: EP

Kind code of ref document: A1