GEEMAP 有用的小技巧（三）在 JUPYTER LAB 中如何对齐地图元件

很多朋友发现在 Jupyter Lab 中无法使 GEEMAP 地图元件与上下文代码单元对齐，中间有空隙。如图：

原因是地图元件本身有个黑框所致。另外，听吴老师讲课也说过左上角第一个图标无法与下面对齐，究其原因是 ipyleaflet 会将所有的控件默认一个阴影，本图是白色的，这样就无法对齐图标，实际上图标是向左偏移的。

虽然是个小事儿，但是大部分程序猿就有这个强迫症呢，我想解决一下。办法就是随便在任何位置加入一个代码单元输入下列代码：

%%html
<style>
.leaflet-widgetcontrol {box-shadow: none}
.jupyter-widgets.leaflet-widgets {margin: 0}
:root {--jp-widgets-margin: 3px;}  
</style>

然后运行之。叮咚！解决了，见图：

地图单元完美与上下代码单元对齐，由于我设了 margin 为 3px，第一个控件的边框比以前粗了一点，如果不喜欢可以改为原来的 2px。

这是 3px

这是 2px

总之，都有点勉强对齐，其实应该在源代码中改一下按钮的位置和大小，但我是个懒人，不爱动源代码了，兄弟们自行搜索吧。