从谷歌地图v3的onclick链接信息窗口移除焦点

removing the focus from infowindow in Google Maps v3 onclick link

本文关键字：窗口 信息窗 焦点 信息 链接 谷歌地图 v3 onclick      更新时间：2023-09-26

是否有一个自动对焦设置为一个信息窗口，当它在谷歌地图v3 API打开?我有一个手风琴，上面有我与地图标记相关联的地址，这样，onclick，它会打开信息窗口，但它会自动聚焦到地图上的信息窗口，而我希望它继续聚焦在页面上的手风琴上这样就不会有一堆跳跃，这对移动设备来说特别烦人。我仍然想让它平移地图，这样信息窗口仍然适合这个区域，而不是在点击手风琴时聚焦在地图上。

我把所有的标记都推入了一个gmarkers数组在我的accordions中是这样调用的

JS 

function accordClick(id){
        google.maps.event.trigger(gmarkers[id], 'click');
    }

HTML 

<a href="#" class="accordion-toggle" onclick="accordClick(0);"> <!--open first infowindow in array-->

我在每个锚中手动更改了accorclick函数中的id值。

当你点击一个链接时，浏览器试图跳转到链接目标(通常在页面顶部没有找到锚点时)

有多个选项，例如:

onclick="accordClick(0);return false"

这修复了我的问题:

infoWindow.open({
  shouldFocus: false, // this is the relevant part
  anchor: marker, // not relevant
  map, // not relevant
})

或者，一个纯CSS解决方案:

.gm-style-iw { 
  outline:none;
}
相关文章：