使用Selenium的move_to_element_with_offset()无法拖动Google Maps地图

问题分析 #

你的代码能触发点击（弹窗消失）但无法拖动地图，核心问题有几个：

• 定位的app-container不是Google Maps实际接收拖动事件的元素，外层容器通常不处理拖拽交互，真正的画布交互元素是内部的地图组件。
• move_to_element_with_offset方法不符合拖拽逻辑：这个方法是将鼠标移动到相对于目标元素左上角的固定位置，而拖拽需要的是按住鼠标后，相对于当前鼠标位置移动一段距离。
• 未等待地图完全加载，元素可能还未处于可交互状态。

解决方案 #

1. 定位正确的地图画布元素

Google Maps的交互画布通常是带有gm-style类的div（或内部的canvas元素），先通过等待确保元素可交互：

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.action_chains import ActionChains

# 等待地图画布加载完成（最多等待10秒）
map_canvas = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.CLASS_NAME, "gm-style"))
)

2. 使用正确的拖拽动作逻辑

改用move_by_offset实现相对位置移动，并显式添加释放鼠标的动作，模拟真实拖拽行为：

# 按住画布 → 模拟人类短暂停顿 → 相对当前位置向右下移动500px → 释放鼠标
ActionChains(driver)\
    .click_and_hold(map_canvas)\
    .pause(0.5)\
    .move_by_offset(500, 500)\
    .pause(0.5)\
    .release()\
    .perform()

额外注意事项 #

• 如果使用无头浏览器模式，拖拽可能无法生效，建议先关闭无头模式测试。
• 确保浏览器缩放比例为100%，否则偏移距离会与实际显示不符。
• 若gm-style元素仍不生效，可以尝试定位更底层的canvas元素：

  map_canvas = WebDriverWait(driver, 10).until(
      EC.element_to_be_clickable((By.TAG_NAME, "canvas"))
  )
  

内容的提问来源于stack exchange，提问作者Malik Kocan