javascript - 如何使用 Playwright 与 Google Maps 或 OpenStreetMaps 等 map 进行交互？

Question

我一直在尝试使用 Playwright 与 Google Maps 或 OpenStreetMaps 等网站的 map 组件进行交互。我尝试过结合使用 browser.mouse.move()、browser.mouse.up() 和 browser.mouse.down() 以及文字作为参数。当我运行它时，它似乎根本没有对 map 做任何事情。
有没有办法用 Playwright 移动 map ？
我创建了一个 GitHub 存储库，以便可以轻松地复制它。我还将在下面提供代码。
https://github.com/vincent-woodward/Playwright-Map-Interaction

const { chromium } = require("playwright");

(async () => {
  const browser = await chromium.launch({ headless: false });
  const page = await browser.newPage();

  //await page.goto("https://www.google.com/maps");
  await page.goto("https://www.openstreetmap.org/#map=4/38.01/-95.84");

  await page.mouse.move(600, 300);
  await page.mouse.down();
  await page.mouse.move(1200, 450);
  await page.mouse.up();

  browser.close();
})();

Answer 1

好消息!看起来这是 freshly added about a day ago!
View source/test implementation
查看 PR 后，您的代码应该可以工作:

await page.mouse.move(600, 300);
await page.mouse.down();
await page.mouse.move(1200, 450); // NOTE: make sure your viewport is big enough for this
await page.mouse.up();