地图交互方法、装置、电子设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113918267A(43)申请公布日2022.01.11(21)申请号202111533099.8(22)申请日2021.12.15(71)申请人腾讯科技（深圳）有限公司地址518000广东省深圳市南山区高新区科技中一路腾讯大厦35层(72)发明人陈辉肖春晖胡清朝管戈邹煚(74)专利代理机构北京市立方律师事务所11330代理人张筱宁(51)Int.Cl.G06F9/451(2018.01)G06F3/0487(2013.01)权利要求书2页说明书17页附图11页(54)发明名称地图交互方法、装置、电子设备及存储介质(57)摘要本申请实施例提供了一种地图交互方法、装置、电子设备及存储介质，涉及地图技术领域。该方法包括：展示页面，页面包括经过层叠样式表变换操作后的地图；响应于针对目标像素点的鼠标事件，确定目标像素点在经变换操作后的地图容器中对应的第一像素点坐标，根据第一像素点坐标确定目标经纬度坐标；在页面中展示鼠标事件指示的交互操作的结果，交互操作是根据目标经纬度坐标执行的；其中，目标像素点位于页面中显示地图的区域，目标经纬度坐标为目标像素点在地图中对应的经纬度坐标。本申请实施例能够克服了现有技术中因层叠样式表变换导致地图交互偏移的问题。CN113918267ACN113918267A权利要求书1/2页1.一种地图交互方法，其特征在于，包括：展示页面，所述页面包括经过层叠样式表变换操作后的地图；响应于针对目标像素点的鼠标事件，确定所述目标像素点在经过所述变换操作后的地图容器中对应的第一像素点坐标，根据所述第一像素点坐标确定目标经纬度坐标；在所述页面中展示所述鼠标事件指示的交互操作的结果，所述交互操作是根据所述目标经纬度坐标执行的；其中，所述目标像素点位于所述页面中显示地图的区域，所述目标经纬度坐标为所述目标像素点在所述地图中对应的经纬度坐标。2.根据权利要求1所述的地图交互方法，其特征在于，所述确定所述目标像素点在经过所述变换操作后的地图容器中对应的第一像素点坐标，包括：确定所述目标像素点在地图容器的外接矩形中对应的第二像素点坐标；获取所述页面中目标节点对应所述变换操作的变换矩阵，根据所述变换矩阵以及所述第二像素点坐标，获得所述第一像素点坐标；其中，所述目标节点包括所述地图容器对应的节点以及所述节点的所有父节点。3.根据权利要求2所述的方法，其特征在于，所述根据所述变换矩阵以及所述第二像素点坐标，获得所述第一像素点坐标，包括：根据所述目标节点的变换矩阵，获得目标变换矩阵，所述目标变换矩阵用于表征所述节点在积累所有父节点的变换后的变换程度；根据所述目标变换矩阵和所述第二像素点坐标，获得所述目标像素点相对于平移后的外接矩形的参考坐标，所述平移后的外接矩形的左上角顶点与所述地图容器的左上角顶点重合；根据所述目标变换矩阵的逆矩阵以及所述参考坐标，获得所述第一像素点坐标。4.根据权利要求3所述的方法，其特征在于，所述根据所述目标节点的变换矩阵，获得目标变换矩阵，包括：获取当前迭代的处理对象的变换矩阵；若变换矩阵不为空，则根据所述变换矩阵的前两阶子矩阵以及上一次迭代的处理对象的更新后的变换矩阵，获得所述当前迭代的处理对象的更新后的变换矩阵；将当前迭代的处理对象的父节点作为下一次迭代的处理对象，若下一次迭代的处理对象为空，则将所述当前迭代的处理对象的更新后的变换矩阵作为所述目标变换矩阵；其中，对于第一次迭代，处理对象为所述节点且将二阶单位矩阵作为所述上一次迭代的处理对象的更新后的变换矩阵。5.根据权利要求3所述的方法，其特征在于，所述根据所述目标变换矩阵和所述第二像素点坐标，获得所述目标像素点相对于平移后的外接矩形的参考坐标，包括：根据所述目标变换矩阵和所述地图容器的顶点坐标，获得变换后的顶点坐标；从所述变换后的顶点坐标中分别确定横坐标和纵坐标的最小值；根据所述横坐标的最小值对所述第二像素点坐标中的横坐标分量进行更新，根据所述纵坐标的最小值对所述第二像素点坐标中的纵坐标分量进行更新，获得所述参考坐标。6.根据权利要求1所述的方法，其特征在于，所述根据所述第一像素点坐标确定目标经纬度坐标，包括：2CN113918267A权利要求书2/2页获取所述地图的展示状态，所述展示状态包括缩放层级和中心点的经纬度坐标中的至少一项；根据所述展示状态以及所述第一像素点坐标确定所述目标经纬度坐标。7.根据权利要求1所述的地图交互方法，其特征在于，所述响应于针对目标像素点的鼠标事件，包括：在所述地图容器对应的节点上注册至少一种鼠标事件；通过预设的监听函数监听所述节点上触发的鼠标事件，当所述监听函数监听到鼠标事件时，从浏览器获取所述鼠标事件的事件对象，所述事件对象中包括所述目标像素点。8.