单击到图层Mapbox时添加边栏

Question

我的地图框有2个图层，在我的地图上分别为id: 'layer1'和id: 'layer2'。当我点击id: 'layer2'

进行分层时，我想调用边栏

我的侧边栏html主题

<title>test</title>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<link rel="stylesheet" href="side-bar.js">
<link rel="stylesheet" href="side-bar.css">
<header>
  <h1>Test</h1>
</header>
<div id="info">
</div>

我的第2层事件就这样点击

map.on('click', 'layer2', function (e) {
/* code to load sidebar theme */   
});

当我单击id: 'layer2'来分层时，如何调用上面带有模板的边栏？