javascript - 在谷歌地图中滑动 div

Question

我想创建一个可扩展的 div，它可以在谷歌地图上从右侧滑入。功能应该类似于 #app-viewcard-strip 在这里所做的:https://www.google.com/maps/@41.5278682,-76.2402656,12z

引用视频:https://streamable.com/afrk3

主要功能是 div 是控件的一部分，并将控件向上移动以适合 div。我希望实现相同的功能，但将控件移至左侧。

我这里有一个原型(prototype):https://codepen.io/ParoXsitiC/pen/EzLMZv

但是我无法将 #mySidenav 包含在 #mapPlaceholder 中

Answer 1

绝对位置是从具有相对位置或绝对位置的最近父级计算的。所以只需将 position:relative; 添加到 #mapPlaceholder。