调用 Google 地图 infowindow.open 会导致网站向下滚动到信息窗口
Calling Google maps infowindow.open causes website to scroll down to the infowindow
我很确定这不是 Google 地图 API 很长一段时间的默认行为,但它必须同时发生变化。
我修改了google提供的Fiddle:https://developers.google.com/maps/documentation/javascript/infowindows
在顶部添加了1000px
“内容”div:
<div style="height: 1000px">CONTENT</div>
并在脚本中添加了“自动”打开信息窗口
google.maps.event.addListenerOnce(map, 'tilesloaded', function () {
infowindow.open(map, marker);
});
JS Fiddle:
https://jsfiddle.net/ym3c2e8u/
问题:
如果您注释掉 opening infowindow 行,请注意页面将加载并显示顶部的“CONTENT”。
如果正在打开信息窗口,浏览器将自动向下滚动到此元素的中心。
这真的很令人沮丧,我想阻止这种行为。
InfoWindow.open()
的默认行为是让浏览器聚焦于该元素。这可以通过使用 InfoWindowOpenOptions.
来改变
infowindow.open({anchor: marker, shouldFocus: false});
而不是:
infowindow.open(map, marker);
我很确定这不是 Google 地图 API 很长一段时间的默认行为,但它必须同时发生变化。
我修改了google提供的Fiddle:https://developers.google.com/maps/documentation/javascript/infowindows
在顶部添加了1000px
“内容”div:
<div style="height: 1000px">CONTENT</div>
并在脚本中添加了“自动”打开信息窗口
google.maps.event.addListenerOnce(map, 'tilesloaded', function () {
infowindow.open(map, marker);
});
JS Fiddle:
https://jsfiddle.net/ym3c2e8u/
问题:
如果您注释掉 opening infowindow 行,请注意页面将加载并显示顶部的“CONTENT”。
如果正在打开信息窗口,浏览器将自动向下滚动到此元素的中心。
这真的很令人沮丧,我想阻止这种行为。
InfoWindow.open()
的默认行为是让浏览器聚焦于该元素。这可以通过使用 InfoWindowOpenOptions.
infowindow.open({anchor: marker, shouldFocus: false});
而不是:
infowindow.open(map, marker);