如何单击从 JavaScript 嵌入的 Google 地图中的图钉?

RobotHumans

网页中嵌入了地图。我想点击地图上的图钉。我可以将 JS 注入页面,或使用 Selenium 可用的任何 API。

问题是我在页面上的嵌入地图中找不到图钉。

可能的解决方案:
我已经考虑过提前并转移点击侦听器的注册,但如果有人以前这样做过并且可以给我提示,我将不胜感激。

RobotHumans

这是一个使用 Nightwatch.js 的测试用例,我需要点击地图(位置)中的图钉。因为我可以控制测试用例并且只有一个位置,所以我可以假设视图以引脚为中心。所以:

browser.execute(function() {
function clickPin(){
 var elem = document.getElementsByClassName('map-canvas')[0];
 var rect = elem.getBoundingClientRect();
 var centerY = (rect.bottom - rect.top);
 var centerX = (rect.right - rect.left);
 var divX = document.createElement("div");
 divX.style.visibility = 'hidden';
 divX.id = 'offsetX';
 divX.innerHTML = centerX.toString();
 var divY = document.createElement("div");
 divY.style.visibility = 'hidden';
 divY.innerHTML = centerY.toString();
 divY.id = 'offsetY';
 document.head.appendChild(divX);
 document.head.appendChild(divY);
}
clickPin();
}, [], function(result){});
browser.pause(3000);
browser.waitForElementPresent(`//*[@id="offsetX"]`, 3000);
var relX = browser.getValue(`//*[@id="offsetX"]`);
var relY = browser.getValue(`//*[@id="offsetY"]`);
//set cursor position to center and click (fragile)
browser.moveToElement(`//*[@class="map-canvas"]`, relX, relY).mouseButtonClick();

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何缩小嵌入式Google地图?

来自分类Dev

如何从嵌入式地图获取Google地图样式

来自分类Dev

如何清除Bing地图中的所有图钉,之后仍然可以添加更多图钉?

来自分类Dev

从新版Google地图中的嵌入式地图中删除信息窗口

来自分类Dev

从新版Google地图中的嵌入式地图中删除信息窗口

来自分类Dev

如何嵌入Google搜索

来自分类Dev

如何嵌入Google搜索

来自分类Dev

Google地图嵌入无法缩放

来自分类Dev

如何关闭Google地图中的地图?

来自分类Dev

如何在Apple Watch的地图视图中添加自定义地图图钉?

来自分类Dev

如何在Google地图中设置多个信息窗口,但是使用此特定的javascript方法

来自分类Dev

如何使用 JavaScript 在 Google 地图中的标记上显示标签 (InfoWindow)?

来自分类Dev

使用 javascript 将自定义位置图钉添加到样式化的 Google 地图

来自分类Dev

如何让用户在其他人可以看到的地图视图中放置图钉?

来自分类Dev

如何在Bing地图中使用PushpinOffset枚举来对齐图钉以进行协调?

来自分类Dev

在地图视图中显示当前位置时,如何显示蓝点而不是图钉?

来自分类Dev

如何在点击谷歌地图中的标记簇时获取所有图钉/标记?

来自分类Dev

在Google地图中单击矩形时,如何获取经度和纬度?

来自分类Dev

如何通过单击一个按钮在随机标记上连续更改 Google 地图中心

来自分类Dev

嵌入Google我的地图-页面中心

来自分类Dev

如何在Google地图中旋转标记?

来自分类Dev

如何指出Google地图中的位置?

来自分类Dev

如何在Google地图中合并圈子

来自分类Dev

如何指出Google地图中的位置?

来自分类Dev

如何在Google地图中添加标记

来自分类Dev

在Google地图中重绘地图后如何清除形状?

来自分类Dev

如何在Angular2应用程序中嵌入/隔离JS组件(Google地图)?

来自分类Dev

如何在Reactjs中在Google地图上嵌入确切的位置

来自分类Dev

如何使超链接使用位置标记和信息更新嵌入式Google地图

Related 相关文章

  1. 1

    如何缩小嵌入式Google地图?

  2. 2

    如何从嵌入式地图获取Google地图样式

  3. 3

    如何清除Bing地图中的所有图钉,之后仍然可以添加更多图钉?

  4. 4

    从新版Google地图中的嵌入式地图中删除信息窗口

  5. 5

    从新版Google地图中的嵌入式地图中删除信息窗口

  6. 6

    如何嵌入Google搜索

  7. 7

    如何嵌入Google搜索

  8. 8

    Google地图嵌入无法缩放

  9. 9

    如何关闭Google地图中的地图?

  10. 10

    如何在Apple Watch的地图视图中添加自定义地图图钉?

  11. 11

    如何在Google地图中设置多个信息窗口,但是使用此特定的javascript方法

  12. 12

    如何使用 JavaScript 在 Google 地图中的标记上显示标签 (InfoWindow)?

  13. 13

    使用 javascript 将自定义位置图钉添加到样式化的 Google 地图

  14. 14

    如何让用户在其他人可以看到的地图视图中放置图钉?

  15. 15

    如何在Bing地图中使用PushpinOffset枚举来对齐图钉以进行协调?

  16. 16

    在地图视图中显示当前位置时,如何显示蓝点而不是图钉?

  17. 17

    如何在点击谷歌地图中的标记簇时获取所有图钉/标记?

  18. 18

    在Google地图中单击矩形时,如何获取经度和纬度?

  19. 19

    如何通过单击一个按钮在随机标记上连续更改 Google 地图中心

  20. 20

    嵌入Google我的地图-页面中心

  21. 21

    如何在Google地图中旋转标记?

  22. 22

    如何指出Google地图中的位置?

  23. 23

    如何在Google地图中合并圈子

  24. 24

    如何指出Google地图中的位置?

  25. 25

    如何在Google地图中添加标记

  26. 26

    在Google地图中重绘地图后如何清除形状?

  27. 27

    如何在Angular2应用程序中嵌入/隔离JS组件(Google地图)?

  28. 28

    如何在Reactjs中在Google地图上嵌入确切的位置

  29. 29

    如何使超链接使用位置标记和信息更新嵌入式Google地图

热门标签

归档