Javascript 如何使用量角器在画布上的特定位置执行单击事件

Javascript 如何使用量角器在画布上的特定位置执行单击事件,javascript,angularjs,node.js,protractor,Javascript,Angularjs,Node.js,Protractor,我在这个问题上被困了很长时间,我不知道该怎么做 我正在尝试自动生成一个地图应用程序,其中包含位置和地点。当您单击特定位置时,它将打开有关位置或地点的详细信息。地图有一个画布,HTML代码如下所示: <canvas width="642" height="741" oncontextmenu="return false;" type="layer" class="tmc" style="user-select: none; left: 0px; top: 0px; position: abs

我在这个问题上被困了很长时间,我不知道该怎么做

我正在尝试自动生成一个地图应用程序,其中包含位置和地点。当您单击特定位置时,它将打开有关位置或地点的详细信息。地图有一个画布,HTML代码如下所示:

<canvas width="642" height="741" oncontextmenu="return false;" type="layer" class="tmc" style="user-select: none; left: 0px; top: 0px; position: absolute; width: 642px; height: 741px;"></canvas>
但是有些我怎么也不能达到渴望的结果。请帮忙


另外,请在UI屏幕截图下方找到附件

我能理解尝试自动化基于
画布的应用程序的痛苦,HTML中没有任何内容,完整的地图直接从浏览器中的canvas元素呈现。甚至谷歌地图也有同样的表现。HTML中只有
canvas
元素,与页面交互的唯一方法是使用量角器的

你可以试试这样的。这在GMAP上对我很有效

describe('Describe something', function() {
    it('check check', function () {
        browser.driver.get('https://www.google.co.in/maps/place/Hyderabad,+Telangana/data=!4m2!3m1!1s0x3bcb99daeaebd2c7:0xae93b78392bafbc2?sa=X&ved=0ahUKEwiMosHAy9rSAhVCt48KHYP5DBMQ8gEIgQEwDQ')
        browser.driver.actions().
        // Move mouse to a particular position
        mouseMove({x: 636, y: 292}).
        // Click or hoverOver on the location
        doubleClick().
        perform();
    });
});
可能重复的
describe('Describe something', function() {
    it('check check', function () {
        browser.driver.get('https://www.google.co.in/maps/place/Hyderabad,+Telangana/data=!4m2!3m1!1s0x3bcb99daeaebd2c7:0xae93b78392bafbc2?sa=X&ved=0ahUKEwiMosHAy9rSAhVCt48KHYP5DBMQ8gEIgQEwDQ')
        browser.driver.actions().
        // Move mouse to a particular position
        mouseMove({x: 636, y: 292}).
        // Click or hoverOver on the location
        doubleClick().
        perform();
    });
});