如何使用javascript放大谷歌地图

How do I zoom into Google Maps with just javascript?

本文关键字：谷歌地图 放大 javascript 何使用      更新时间：2023-09-26

我正在挑战自己导航谷歌地图(http://maps.google.com)不用我的鼠标，只需在Chrome开发者控制台中输入命令。

我发现Google Maps使用的主画布的类名是widget-scene-canvas，并且我已经成功地使用获得了该画布

document.getElementsByClassName('widget-scene-canvas')[0]

因此，我试图触发点击事件来放大

var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window,
    0, 300, 300, 300, 300, false, false, false, false, 0,
    document.getElementsByClassName('widget-scene-canvas')[0]);
document.body.dispatchEvent(evt);
evt.initMouseEvent("click", true, true, window,
    0, 300, 300, 300, 300, false, false, false, false, 0,
    document.getElementsByClassName('widget-scene-canvas')[0]);
document.body.dispatchEvent(evt);

然而，谷歌地图似乎并没有检测到点击。

我做错了什么？还有其他有冒险精神的人想尝试一下吗？

调用点击vanilla中的缩放按钮

function zoom(out) {
    document.querySelector('.widget-zoom-' + (out ? 'out' : 'in')).click();
}
zoom();
setTimeout(zoom.bind(null, true), 1e3);

这对我有效：

放大：$(".widget-zoom-in").click();

缩小：$(".widget-zoom-out").click();

相关文章：