如何仅使用javascript放大谷歌地图?

如何仅使用javascript放大谷歌地图?,javascript,Javascript,我正在挑战自己,不使用鼠标,只需在Chrome开发者控制台中输入命令,就可以导航Google Maps() 我发现Google Maps使用的主画布的类名是widget scene canvas,我已经用 document.getElementsByClassName('widget-scene-canvas')[0] 因此,我尝试触发一个单击事件来放大 var evt = document.createEvent("MouseEvents"); evt.initMouseEvent("cli

我正在挑战自己,不使用鼠标,只需在Chrome开发者控制台中输入命令,就可以导航Google Maps()

我发现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);
然而,谷歌地图似乎并没有检测到点击

我做错了什么?还有其他喜欢冒险的人想尝试一下吗?

这对我很有用:

放大:
$(“.widget放大”)。单击()


缩小:
$(“.widget缩小”)。单击()

在香草中调用对缩放按钮的单击


在什么对象上使用panTo和setZoom方法?我没有使用API。我只是在摆弄真正的谷歌地图。有没有移动地图的想法?哦。对不起,我误解了。
function zoom(out) {
    document.querySelector('.widget-zoom-' + (out ? 'out' : 'in')).click();
}

zoom();
setTimeout(zoom.bind(null, true), 1e3);