在谷歌地图中滑动 div

Question

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

参考视频：https://streamable.com/afrk3

主要功能是 div 是控件的一部分，并将控件向上移动以适应 div。我希望执行相同的功能，但将控件移到左侧。

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

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

Answer 1

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