我尝试在 Google Maps API 文档和此处进行搜索,但我无法找到如何执行此操作。
我试图在地图上默认设置箭头键导航,而无需单击地图区域来启用它。
我尝试了以下解决方案但没有成功:
map.getDiv().focus();
document.getElementById("map_canvas").focus();
google.maps.event.trigger(map, 'rightclick');
有人知道如何做到这一点吗?
谢谢你们。
这里需要注意一些事情,只需使用.focus()
或触发点击操作#map
div 元素不会解决这个问题,因为这些操作发生在地图实际渲染到 DOM 上之前。因此,首先要承认的是tilesloaded
谷歌地图库提供的事件。
google.maps.event.addListener(map, 'tilesloaded', function() {
//do actions
});
我发现的第二件事是你不能只添加$('#map').click()
在事件监听器内部。这是因为虽然#map
是容器 div - 谷歌地图脚本实际上在其顶部渲染了一大堆其他 div(它们具有更高的 z 索引,也是实际保存地图图块的内容)。通过一些黑客攻击和 jquery,您可以缩小范围到包含图块的 div 并触发该 div 上的单击事件...结果代码是:
google.maps.event.addListener(map, 'tilesloaded', function() {
$("#map").children().children().first().children().trigger('click');
});
我使用 Chrome 的开发工具缩小到包含图块的 div 并使用 jquerychildren()
方法从#map
。如果你将该代码粘贴到你的 init 函数中,你应该可以开始了。这是一个JSfiddle以及解决方案的工作示例。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)