CN112836002A - 地图应用方法、装置、设备和存储介质 - Google Patents

地图应用方法、装置、设备和存储介质 Download PDF

Info

Publication number
CN112836002A
CN112836002A CN202110145276.9A CN202110145276A CN112836002A CN 112836002 A CN112836002 A CN 112836002A CN 202110145276 A CN202110145276 A CN 202110145276A CN 112836002 A CN112836002 A CN 112836002A
Authority
CN
China
Prior art keywords
layer
native
touch
display area
map
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.)
Pending
Application number
CN202110145276.9A
Other languages
English (en)
Inventor
薛松佑
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Changsha Youheng Network Technology Co Ltd
Original Assignee
Changsha Youheng Network Technology Co Ltd
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 Changsha Youheng Network Technology Co Ltd filed Critical Changsha Youheng Network Technology Co Ltd
Priority to CN202110145276.9A priority Critical patent/CN112836002A/zh
Publication of CN112836002A publication Critical patent/CN112836002A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR 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
    • G06—COMPUTING; CALCULATING OR 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/20—Drawing from basic elements, e.g. lines or circles
    • G06T11/206—Drawing of charts or graphs

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Remote Sensing (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了地图应用方法、装置、设备和存储介质。该装置包括：基于当前显示区域创建原生地图层；在所述原生地图的上层创建用于执行地图相关业务的H5业务层；其中，所述H5业务层包括第一显示区和第二显示区；在所述H5业务层的上层创建用于响应触控操作的原生触控层。通过上述方案，在地图应用中，不需要独立开发，而且可以根据实际需要将H5业务层、原生地图层和原生触控层分层设置，在不同的显示区所控制的对象不同，也不需要H5业务层与原生地图层之间相互调用，在满足用户实际地图和H5业务应用需求的基础上，能够节约开发成本并降低开发难度。

Description

地图应用方法、装置、设备和存储介质
技术领域
本发明实施例涉及互联网技术领域，尤其涉及地图应用方法、设备和存储介质。
背景技术
随着互联网技术的发展，网页技术应用越来越广泛。在一些业务应用中，需要通过调用地图让用户直观的了解更加详细的信息。比如，通过打车软件打车，或者通过货运软件约车运货等等。在这些应用中，需要提供用户和司机的位置信息，进而可以使得双方清楚的了解到双方的位置关系、距离长短等等，从而以便双方更好的共同合作完成所需订单。
在实际应用中，为了使得用户或者司机获得更好的引用效果，通常开发应用软件的时候，会在APP中将具体业务与地图相结合，提供数据展示或交互操作等功能。现有技术方案中主要有2种实现方式。一种是完全使用原生开发，地图加载快，体验最好，但各平台需要单独开发维护，成本高；另一种是完全使用H5开发，然后嵌入到APP中去，成本低易迭代，但性能不佳体验较差。因此，需要一种简易实现融合H5业务应用和地图基本应用的计算方案。
发明内容
本发明实施例提供地图应用方法、设备和存储介质，用以降低将H5与原生地图容易应用的开发难度，提高用户体验效果的技术方案。
第一方面，本发明实施例提供一种地图应用装置，该装置包括：原生地图层、H5业务层和原生触控层；
基于当前显示区域创建所述原生地图层；
在所述原生地图的上层创建用于执行地图相关业务的所述H5业务层；其中，所述H5业务层包括第一显示区和第二显示区；
在所述H5业务层的上层创建用于响应触控操作的所述原生触控层。
可选地，所述第一显示区为透明显示区，用于显示所述原生地图层的内容；所述第二显示区为H5编辑区。
可选地，所述原生触控层用于响应于触控操作，根据所述触控操作的位置针对对应的所述原生地图层或所述H5业务层进行操作。
可选地，所述原生触控层的响应优先级高于所述原生地图层和所述H5业务层。
第二方面，本发明实施例提供一种地图应用方法，该方法包括：
应用于客户端，所述地图应用包括依次叠放的原生地图层、H5业务层、和原生触控层；其中所述H5业务层包括第一显示区和第二显示区；
所述方法包括：
响应于原生触控层的触控操作，确定所述触控操作对应的触控位置；
若所述触控操作对应的所述触控位置位于所述第一显示区，则对所述原生地图层进行所述触控操作；
若所述触控操作对应的所述触控位置位于所述第二显示区，则对所述H5业务层的所述H5编辑区进行所述触控操作。
可选地，所述若所述触控操作对应的所述显示区域为第一显示区，则对所述原生地图层进行所述触控操作，包括：
若所述触控操作对应于所述第一显示区，则派发触控事件给所述原生地图，以便所述原生地图根据所述触控事件的操作类型执行对应的动作；
其中，所述第一显示区为透明区域。
可选地，所述若所述触控操作对应的所述显示区域为第二显示区，则对所述H5业务层的H5编辑区进行所述触控操作，包括：
若所述触控操作对应于所述第二显示区，则派发触控事件给所述H5业务层，以便所述H5业务层根据所述触控事件的操作类型执行对应的动作；
其中，所述第二显示区为不透明的可编辑区，用于对所述H5编辑区中内容进行编辑。
可选地，还包括：
所述原生触控层的响应优先级高于所述原生地图层和所述H5业务层。
第三方面，本发明实施例提供一种电子设备，包括处理器、存储器，所述存储器用于存储一条或多条计算机指令，其中，所述一条或多条计算机指令被所述处理器执行时实现如第一方面所述的地图应用方法。
第四方面，本发明实施例提供一种存储有计算机程序的计算机可读存储介质，当所述计算机程序被一个或多个处理器执行时，致使所述一个或多个处理器执行包括以下的动作：
应用于客户端，所述地图应用包括依次叠放的原生地图层、H5业务层、和原生触控层；其中所述H5业务层包括第一显示区和第二显示区；
所述方法包括：
响应于原生触控层的触控操作，确定所述触控操作对应的触控位置；
若所述触控操作对应的所述触控位置位于所述第一显示区，则对所述原生地图层进行所述触控操作；
若所述触控操作对应的所述触控位置位于所述第二显示区，则对所述H5业务层的所述H5编辑区进行所述触控操作。
在本发明实施例中，基于当前显示区域创建原生地图层；在所述原生地图的上层创建用于执行地图相关业务的H5业务层；其中，所述H5业务层包括第一显示区和第二显示区；在所述H5业务层的上层创建用于响应触控操作的原生触控层。通过上述方案，在地图应用中，不需要独立开发，而且可以根据实际需要将H5业务层、原生地图层和原生触控层分层设置，在不同的显示区所控制的对象不同，也不需要H5业务层与原生地图层之间相互调用，在满足用户实际地图和H5业务应用需求的基础上，能够节约开发成本并降低开发难度。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种地图应用装置的结构示意图；
图2为本申请实施例提供的地图应用效果的示意图；
图3为本申请实施例提供的一种地图应用方法的流程示意图；
图4为本申请实施例举例说明一种地图应用流程的示意图；
图5为与图1所述实施例提供的一种地图应用装置对应的电子设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义，“多种”一般包含至少两种。
应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的商品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种商品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的商品或者系统中还存在另外的相同要素。
随着互联网技术普及，网页技术应用越来越广泛。在一些业务应用中，需要通过调用地图让用户直观的了解更加详细的信息。比如，通过打车软件打车，或者通过货运软件约车运货等等。在这些应用中，需要提供用户和司机的位置信息，进而可以使得双方清楚的了解到双方的位置关系、距离长短等等，从而以便双方更好的共同合作完成所需订单。现有技术方案中主要有两种实现方式。一种是完全使用原生开发，地图加载快，体验最好，但各平台需要单独开发维护，开发成本高、周期长；另一种是完全使用H5开发，然后嵌入到APP中去，成本低易迭代，但性能不佳体验较差。
图1为本申请实施例提供的一种地图应用装置的结构示意图，应用于客户终端(比如，手机、平板电脑、智能手表等)，也可以应用于本地计算机，如图1所示，该装置包括以下步骤：原生地图层、H5业务层和原生触控层。从图1中可以看到，基于当前显示区域创建所述原生地图层。这个原生地图可以显示地图信息，以及显示与H5业务层配合的标记信息等。这些显示信息不需要H5业务层对原生地图层进行调用，而且通过原生地图层实现相应显示功能和效果。
在所述原生地图的上层创建用于执行地图相关业务的所述H5业务层；其中，所述H5业务层包括第一显示区和第二显示区。从图1中可以看到，在H5业务层的上部为第一显示区，下部为第二显示区。其中，第一显示区为透明显示区，可以直接看到位于底层的原生地图层；第二显示区为非透明的H5编辑区，用于显示和编辑H5业务内容。
需要说明的是，这里所说的H5业务层可以划分为第一显示区和第二显示区，当然还可以根据实际应用需求划分成更多的显示区。而且，各个显示区的位置布局关系、显示区的透明效果等都是可以根据实际需要进行调整的。这里仅作为举例说明，并不构成对本申请技术方案的限制。
在所述H5业务层的上层创建用于响应触控操作的所述原生触控层。这里所说的原生触控层是用于感知用户的触控操作。所述原生触控层的响应优先级高于原生地图层和H5业务层，也就是用户的任何触控操作，都是优先由原生触控层感知，采集到用户的触控动作类型(比如，点击、双击、长按、滑动等触控操作类型)，位置等相关触控操作的信息。
在本申请一个或者多个实施例中，所述原生触控层用于响应于触控操作，根据所述触控操作的位置针对对应的所述原生地图层或所述H5业务层进行操作。结合图1所示，若用户的触控操作针对的位置对应于第一显示区，则表示用户想要对原生地图层进行触控操作，比如，对地图进行放大或者拖动。若用户的触控操作针对的位置对应于第二显示区，则表示用户想要对H5业务层进行触控操作，比如，选中控件，并对控件进行点击操作(例如，选中阿姨类型)，展示详细信息(例如，展示阿姨介绍资料)，或者填写需求信息(例如，填写选择阿姨的备注事项)等等。
在实际应用中，若对H5业务层进行不同(不仅包括第一显示区、第二显示区，还包括其他显示区)的显示区布局。在设计原生地图层、原生触控层的时候，需要结合H5业务层的实际显示区布局情况进行设计。具体来说，在H5业务层透明显示区，用于显示原生地图层内容，在触控该区域的时候，经过原生触控层获取到触控操作，确定用户触控的位置对应该透明区域，则进而对原生地图层进行相应触控操作，以便原生地图层执行相应动作。在H5业务层非透明的H5编辑区，用于显示业务相关内容，在触控该区域的时候，经原生触控层获取到的触控操作，确定用于触控的位置对应于H5编辑区，则进而对H5业务层进行相应的触控操作，以便H5业务层执行对应的动作。
通过上述实施例，将H5业务层与原生地图层分层设计，并将位于上层的H5业务层部分设计为透明层。通过原生触控层感知用户的触控操作，进而判断当前操作针对哪一层，避免H5业务层与原生地图之间的调用，能够简化开发难度，提升开发效率以及用户体验。
如图2为本申请实施例提供的一种地图应用效果的示意图。从图2中可以看到，在第一显示区中可看到原生地图，在第二显示区则可以看到满足用需求的H5业务层，并且可以支持用户的编辑操作。在第一显示区看到原生地图层中显示有当前的定位位置，在第二显示区显示有H5编辑区对应的阿姨相关信息。
图3为本申请实施例提供的一种地图应用方法的流程示意图，应用于客户终端(比如，手机、平板电脑、智能手表等)，也可以应用于本地计算机，如图3所示，该方法包括以下步骤：
所述地图应用包括依次叠放的原生地图层、H5业务层、和原生触控层；其中所述H5业务层包括第一显示区和第二显示区。
所述方法包括：
301：响应于原生触控层的触控操作，确定所述触控操作对应的触控位置。
302：若所述触控操作对应的所述触控位置位于所述第一显示区，则对所述原生地图层进行所述触控操作。
303：若所述触控操作对应的所述触控位置位于所述第二显示区，则对所述H5业务层的所述H5编辑区进行所述触控操作。
该方法主要采用如图1所示的地图应用装置。在实际应用中，由于所述原生触控层的响应优先级高于所述原生地图层和所述H5业务层，所以，用户的触控操作，首先被原生触控层获取。进而，由原生触控层根据触控位置判断该触控操作是对应于第一显示区还是第二显示区。若对应于第一显示区，则对原生地图层进行触控操作，以便原生地图层执行相应动作，比如地图放大或缩小、拖动、滑动等。若对应于第二显示区，则对H5业务层中的H5编辑区进行触控操作，比如，填写阿姨选择信息。
在本申请一个或者多个实施例中，所述若所述触控操作对应的所述显示区域为第一显示区，则对所述原生地图层进行所述触控操作，包括：若所述触控操作对应于所述第一显示区，则派发触控事件给所述原生地图层，以便所述原生地图层根据所述触控事件的操作类型执行对应的动作；其中，所述第一显示区为透明区域。
由于将H5业务层的第一显示区设置为透明状态，所以在用户看来是无法感知到分层存在，而且不影响用户的使用体验。通过本实施例技术方案，不需要H5调用原始地图就可以同时实现H5和原生地图的应用，降低了将原生地图与H5业务应用融合的难度，节约开发成本同时也不会影响用户体验。
在本申请一个或者多个实施例中，所述若所述触控操作对应的所述显示区域为第二显示区，则对所述H5业务层的H5编辑区进行所述触控操作，包括：若所述触控操作对应于所述第二显示区，则派发触控事件给所述H5业务层，以便所述H5业务层根据所述触控事件的操作类型执行对应的动作；其中，所述第二显示区为不透明的可编辑区，用于对所述H5编辑区中内容进行编辑。
如前文所述可知，若用户进行触控操作的触控位置对应于第二显示区，则由原生触控层派发触控事件给H5业务层。该第二显示区是H5编辑区，用户可以基于该H5编辑区进行相应的编辑操作。比如，选择阿姨类型、设定薪资范围等等。
为了便于理解本申请技术方案，下面结合附图3进行举例说明。如图3为本申请实施例举例说明地图应用的流程示意图。从图3中可以看到，当用户发出触摸操作后，有原生触控层捕获触控事件及相关数据，这里的原生触控层的层级最高，所以所有触控操作，都会被原生触控层优先捕获，进而判断用户实际触控目标是原生地图层还是H5业务层。具体来说，将根据触控操作位置判断用户想要触控的所述区域(第一显示区或第二显示区)。若第一显示区，也就是不是H5编辑区，则派发触控事件给原生地图层，进而地图层响应用户的操作；若第二显示区，则派发触控事件给H5编辑区，H5编辑区根据触控操作进行相应业务动作。
基于上述实施例，基于当前显示区域创建原生地图层；在所述原生地图的上层创建用于执行地图相关业务的H5业务层；其中，所述H5业务层包括第一显示区和第二显示区；在所述H5业务层的上层创建用于响应触控操作的原生触控层。通过上述方案，在地图应用中，不需要独立开发，而且可以根据实际需要将H5业务层、原生地图层和原生触控层分层设置，在不同的显示区所控制的对象不同，也不需要H5业务层与原生地图层之间相互调用，在满足用户实际地图和H5业务应用需求的基础上，能够节约开发成本并降低开发难度。
在一个可能的设计中，上述图2所示地图应用装置的结构可实现为一电子设备，如图3所示为与图2所述实施例提供的另一种地图应用装置对应的电子设备的结构示意图，该电子设备可以包括：处理器31、存储器32，所述存储器32用于存储一条或多条计算机指令，其中，所述一条或多条计算机指令被所述处理器31执行时实现前述各实施例中客户端所执行的各步骤。
可选地，该电子设备中还可以包括通信接口33，用于与其他设备进行通信。
另外，本发明实施例提供了一种计算机存储介质，用于储存计算机程序，该计算机程序使客户端执行时实现上述图2所示实施例中的地图应用方法。
基于上述实施例，基于当前显示区域创建原生地图层；在所述原生地图的上层创建用于执行地图相关业务的H5业务层；其中，所述H5业务层包括第一显示区和第二显示区；在所述H5业务层的上层创建用于响应触控操作的原生触控层。通过上述方案，在地图应用中，不需要独立开发，而且可以根据实际需要将H5业务层、原生地图层和原生触控层分层设置，在不同的显示区所控制的对象不同，也不需要H5业务层与原生地图层之间相互调用，在满足用户实际地图和H5业务应用需求的基础上，能够节约开发成本并降低开发难度。
以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助加必需的通用硬件平台的方式来实现，当然也可以通过硬件和软件结合的方式来实现。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以计算机产品的形式体现出来，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程资源更新设备的处理器以产生一个机器，使得通过计算机或其他可编程资源更新设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程资源更新设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程资源更新设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (10)

1.一种地图应用装置，其特征在于，应用于客户端，所述装置包括：原生地图层、H5业务层和原生触控层；
基于当前显示区域创建所述原生地图层；
在所述原生地图的上层创建用于执行地图相关业务的所述H5业务层；其中，所述H5业务层包括第一显示区和第二显示区；
在所述H5业务层的上层创建用于响应触控操作的所述原生触控层。
2.根据权利要求1所述的装置，其特征在于，所述第一显示区为透明显示区，用于显示所述原生地图层的内容；所述第二显示区为H5编辑区。
3.根据权利要求1所述的装置，其特征在于，所述原生触控层用于响应于触控操作，根据所述触控操作的位置针对对应的所述原生地图层或所述H5业务层进行操作。
4.根据权利要求1所述的装置，其特征在于，所述原生触控层的响应优先级高于所述原生地图层和所述H5业务层。
5.一种地图应用方法，其特征在于，应用于客户端，所述地图应用包括依次叠放的原生地图层、H5业务层、和原生触控层；其中所述H5业务层包括第一显示区和第二显示区；
所述方法包括：
响应于原生触控层的触控操作，确定所述触控操作对应的触控位置；
若所述触控操作对应的所述触控位置位于所述第一显示区，则对所述原生地图层进行所述触控操作；
若所述触控操作对应的所述触控位置位于所述第二显示区，则对所述H5业务层的所述H5编辑区进行所述触控操作。
6.根据权利要求5所述的方法，其特征在于，所述若所述触控操作对应的所述显示区域为第一显示区，则对所述原生地图层进行所述触控操作，包括：
若所述触控操作对应于所述第一显示区，则派发触控事件给所述原生地图，以便所述原生地图根据所述触控事件的操作类型执行对应的动作；
其中，所述第一显示区为透明区域。
7.根据权利要求5所述的方法，其特征在于，所述若所述触控操作对应的所述显示区域为第二显示区，则对所述H5业务层的H5编辑区进行所述触控操作，包括：
若所述触控操作对应于所述第二显示区，则派发触控事件给所述H5业务层，以便所述H5业务层根据所述触控事件的操作类型执行对应的动作；
其中，所述第二显示区为不透明的可编辑区，用于对所述H5编辑区中内容进行编辑。
8.根据权利要求5所述的方法，其特征在于，还包括：
所述原生触控层的响应优先级高于所述原生地图层和所述H5业务层。
9.一种电子设备，其特征在于，包括：处理器、存储器，所述存储器用于存储一条或多条计算机指令，其中，所述一条或多条计算机指令被所述处理器执行时实现权利要求5至8中任一项所述的地图应用方法。
10.一种存储有计算机程序的计算机可读存储介质，其特征在于，当所述计算机程序被一个或多个处理器执行时，致使所述一个或多个处理器执行包括以下的动作：
响应于原生触控层的触控操作，确定所述触控操作对应的触控位置；
若所述触控操作对应的所述触控位置位于所述第一显示区，则对所述原生地图层进行所述触控操作；
若所述触控操作对应的所述触控位置位于所述第二显示区，则对所述H5业务层的所述H5编辑区进行所述触控操作；
其中，所述地图应用包括依次叠放的原生地图层、H5业务层、和原生触控层；所述H5业务层包括第一显示区和第二显示区。
CN202110145276.9A 2021-02-02 2021-02-02 地图应用方法、装置、设备和存储介质 Pending CN112836002A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110145276.9A CN112836002A (zh) 2021-02-02 2021-02-02 地图应用方法、装置、设备和存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110145276.9A CN112836002A (zh) 2021-02-02 2021-02-02 地图应用方法、装置、设备和存储介质

Publications (1)

Publication Number Publication Date
CN112836002A true CN112836002A (zh) 2021-05-25

Family

ID=75931719

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110145276.9A Pending CN112836002A (zh) 2021-02-02 2021-02-02 地图应用方法、装置、设备和存储介质

Country Status (1)

Country Link
CN (1) CN112836002A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114371837A (zh) * 2022-01-07 2022-04-19 深圳依时货拉拉科技有限公司 地图构建方法、装置、存储介质和计算机设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120159357A1 (en) * 2010-12-16 2012-06-21 Kt Corporation Mobile web map service system and terminal providing mobile web map service
CN104503755A (zh) * 2014-12-22 2015-04-08 中软信息系统工程有限公司 基于html5高清位图的动态信息融合展现方法
CN109783177A (zh) * 2019-01-18 2019-05-21 成都新橙北斗智联有限公司 一种基于HTML5 Canvas的GIS栅格数据渲染方法
CN110990513A (zh) * 2019-11-29 2020-04-10 北京摩拜科技有限公司 地图业务的切换方法和终端设备

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120159357A1 (en) * 2010-12-16 2012-06-21 Kt Corporation Mobile web map service system and terminal providing mobile web map service
CN104503755A (zh) * 2014-12-22 2015-04-08 中软信息系统工程有限公司 基于html5高清位图的动态信息融合展现方法
CN109783177A (zh) * 2019-01-18 2019-05-21 成都新橙北斗智联有限公司 一种基于HTML5 Canvas的GIS栅格数据渲染方法
CN110990513A (zh) * 2019-11-29 2020-04-10 北京摩拜科技有限公司 地图业务的切换方法和终端设备

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
美团技术团队: "Native地图与Web融合技术的应用与实践", 《WWW.ZYIZ.NET/TECH/DETAIL-148544.HTML》 *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114371837A (zh) * 2022-01-07 2022-04-19 深圳依时货拉拉科技有限公司 地图构建方法、装置、存储介质和计算机设备

Similar Documents

Publication Publication Date Title
CN109933322B (zh) 一种页面编辑方法、装置及计算机可读存储介质
CN106797547B (zh) 操作系统对位置卡的支持
RU2599540C2 (ru) Бескодовое совместное использование объектов электронных таблиц
RU2627113C2 (ru) Пользовательский интерфейс для редактирования значения по месту
WO2018072621A1 (zh) 一种信息展示方法及装置
CN114239524A (zh) 问卷生成方法、装置、计算机设备及存储介质
CN109446503A (zh) 文档内容导出方法和装置
CN110069734A (zh) 一种页面组件的展现方法和装置
CN110941428A (zh) 一种网站创建方法和装置
CN111897607A (zh) 应用界面加载与交互方法、设备及存储介质
CN112836002A (zh) 地图应用方法、装置、设备和存储介质
CN113536755A (zh) 用于生成海报的方法、装置、电子设备、存储介质及产品
CN110489023A (zh) 多窗口显示的实现方法、装置、设备、介质和系统
CN105630893A (zh) 一种组图标题的显示方法和装置
CN111381745B (zh) 页面切换方法、装置、设备
CN103970773A (zh) 一种网页的页面更新方法及装置
CN106339266A (zh) 一种虚拟定位方法及终端
CN113722630B (zh) 基于客户端渲染的资源数据在web页面中的呈现方法及设备
CN109254985A (zh) 数据库的数据展示方法及装置、电子设备
CN111414123B (zh) 一种信息处理方法和装置
CN111475762B (zh) 发布页面处理方法、计算设备及存储介质
CN114692581A (zh) 电子表单子表显示方法、装置、设备以及存储介质
CN112578956A (zh) 日期时间范围的处理方法、存储介质及电子设备
CN105677749B (zh) 一种页面显示方法及装置
CN112749229A (zh) 数据转换方法、装置、存储介质及电子设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20210525

RJ01 Rejection of invention patent application after publication