google地图中的Sliding 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即可。