谷歌地图中的滑动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/bhare1985/pen/EzLMZv

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