SOURCE

G7SMap.init({
    id: 'map',
    key: {
        'bmap': 'ebAmxZxmn8hHBm1anhEcTH8j',
      	'gmap': 'AIzaSyBdZt3pUFIFTWKlHqUA_m6GJo_V--k84KU'
    },
  	center: [116.3702520000, 39.8890690000],
    zoom: 12
}).then(function (map) {
  	// map即为初始化完成的 G7SMap 地图实例对象
  	
  	var layer = new G7SMap.TrafficLayer();

		document.querySelector('.add').addEventListener('click', function () {
      	map.addLayer(layer);
    });
  	document.querySelector('.remove').addEventListener('click', function () {
      	map.removeLayer(layer);
    });
});

<div id="map" class="map"></div>
<div>
  <button class="add">添加交通图层</button>
  <button class="remove">删除交通图层</button>
</div>

.map {
  max-width: 800px;
  height: 500px;
}
.result {
  color: #f60;
}